{"version":3,"sources":["webpack:////home/jenkins/agent/workspace/rAlWnROk32481EutLuZS/node_modules/@paypalcorp/pp-react-search-input/dist/@paypalcorp/pp-react-search-input.esm.js","webpack:///./transfer/components/unilateral-recipient-choice/unilateral-recipient-choice.js"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","tokens","Object","keys","length","console","warn","sysBorderThicknessEmphasis","sysBorderThicknessNormal","sysColorBackgroundMediumContrast","sysColorErrorMain","sysSizeIconSm","sysSizeIconXl","sysSpaceMd","sysSpaceLg","base","concat","label","leftIcon","error","_excluded","SearchInput","props","ref","keepClearButton","onClear","className","_props$clearButtonLab","clearButtonLabel","_props$clearButtonAri","clearButtonAriaLabel","inputClassName","labelClassName","errorText","value","onKeyDown","rest","_styles","_useState","_useState2","cleared","setCleared","handleKey","evt","key","clearButtonProps","role","clearButton","rightIcon","buttonType","svgIconComponent","onClick","onMouseDown","preventDefault","_ref","css","cx","size","leftIconCSS","isLabelHidden","placeholder","i18n","content","Container","glamorous","div","marginTop","InnerContainer","textAlign","maxWidth","margin","DescriptionContainer","marginBottom","ContainerWrapper","StyledButton","button","mobileAndSmaller","width","FieldsContainer","UnilateralRecipientChoice","Component","constructor","super","_defineProperty","emailOrPhone","getDisplayPhone","phones","event","trackUnilateralRecipientChoiceSubmit","contact","this","selectedEmailOrPhone","emailsAndPhones","state","selectedRecipientIndex","updatedContact","_objectSpread","assign","email","handleSubmit","setState","Number","currentTarget","emails","options","map","index","primaryText","getDisplayRecipient","String","render","thumbnailUrl","React","createElement","Fragment","SimpleRecipientHeader","styleOverrides","headerContainer","flexDirection","recipientContainer","detailsContainer","marginLeft","recipientDisplayDetails","thumbnailDiameter","undefined","_BodyText","onSubmit","_DropdownMenu","id","onChange","target","_Button","as","connect","recipient"],"mappings":"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","file":"default~contact-list~request-page~request-preview~send-page.esm.js","sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport { forwardRef, useMemo, 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 { css, useTheme, jsx, ClassNames } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { math } from 'polished';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4;\nfunction styles(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    console.warn('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysBorderThicknessEmphasis = tokens.sysBorderThicknessEmphasis,\n      sysBorderThicknessNormal = tokens.sysBorderThicknessNormal,\n      sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n      sysColorErrorMain = tokens.sysColorErrorMain,\n      sysSizeIconSm = tokens.sysSizeIconSm,\n      sysSizeIconXl = tokens.sysSizeIconXl,\n      sysSpaceMd = tokens.sysSpaceMd,\n      sysSpaceLg = tokens.sysSpaceLg;\n  var base = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: search_input;\\n    border-radius: \", \";\\n    padding-left: \", \";\\n\\n    &:not(:focus) {\\n      border-color: \", \";\\n      box-shadow: none;\\n    }\\n\\n    [dir='rtl'] & {\\n      padding-right: \", \";\\n    }\\n  \"])), sysSizeIconXl, math(\"3 * \".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessNormal)), sysColorBackgroundMediumContrast, math(\"3 * \".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessNormal)));\n  var label = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: label;\\n    left: \", \";\\n\\n    [dir='rtl'] & {\\n      right: \", \";\\n    }\\n  \"])), math(\"3 * \".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm)), math(\"3 * \".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm)));\n  var leftIcon = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: left_icon;\\n    left: \", \";\\n\\n    [dir='rtl'] & {\\n      right: \", \";\\n    }\\n  \"])), math(\"2 * \".concat(sysSpaceMd)), math(\"2 * \".concat(sysSpaceMd)));\n  var error = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    label: error;\\n    padding: \", \"\\n      \", \"\\n      \", \"\\n      \", \";\\n\\n    &:not(:focus) {\\n      border-color: \", \";\\n      box-shadow: none;\\n    }\\n  \"])), math(\"\".concat(sysSpaceLg, \" + \").concat(sysBorderThicknessEmphasis)), math(\"3 * \".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessEmphasis)), math(\"\".concat(sysSpaceLg, \" + \").concat(sysBorderThicknessEmphasis)), math(\"3 * \".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessEmphasis)), sysColorErrorMain);\n  return {\n    base: base,\n    label: label,\n    leftIcon: leftIcon,\n    error: error\n  };\n}\n\nvar _excluded = [\"keepClearButton\", \"onClear\", \"className\", \"clearButtonLabel\", \"clearButtonAriaLabel\", \"inputClassName\", \"labelClassName\", \"errorText\", \"label\", \"value\", \"onKeyDown\"];\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      rest = _objectWithoutProperties(props, _excluded);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      cleared = _useState2[0],\n      setCleared = _useState2[1];\n\n  /* istanbul ignore next */\n  var handleKey = function (evt) {\n    if (cleared) {\n      setCleared(false);\n    }\n\n    if (evt.key === 'Escape' && onClear) {\n      onClear(evt);\n    }\n\n    if (onKeyDown) {\n      onKeyDown(evt);\n    }\n  };\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: jsx(IconButton, _extends({\n      buttonType: \"tertiary\",\n      svgIconComponent: DeclineIcon,\n      onClick: function handleClearClick(evt) {\n        /* istanbul ignore next */\n        if (onClear) {\n          onClear(evt);\n          setCleared(true);\n        }\n      },\n      onMouseDown: function onMouseDown(evt) {\n        return evt.preventDefault();\n      } // remove focus on click\n\n    }, clearButtonProps, {\n      \"data-ppui\": \"true\"\n    }), clearButtonLabel)\n  } : null;\n  return jsx(ClassNames, {\n    \"data-ppui\": \"true\"\n  }, function (_ref) {\n    var css = _ref.css,\n        cx = _ref.cx;\n    return jsx(TextInput, _extends({\n      className: className,\n      ref: ref,\n      leftIcon: jsx(SearchIcon, {\n        size: \"sm\",\n        \"aria-hidden\": \"true\",\n        \"data-ppui\": \"true\"\n      }),\n      leftIconCSS: _styles.leftIcon\n    }, clearButton, {\n      inputClassName: cx(css([_styles.base, errorText && _styles.error]), inputClassName),\n      labelClassName: cx(css([_styles.label]), labelClassName),\n      errorText: errorText,\n      isLabelHidden: true,\n      placeholder: label,\n      label: label,\n      value: value,\n      \"data-ppui-info\": \"search-input_2.2.8\"\n    }, rest, {\n      onKeyDown: handleKey\n    }));\n  });\n});\n\nexport { SearchInput, styles as searchInputStyles };\n","// @flow\n\nimport React, { Component } from 'react'\nimport glamorous from 'glamorous'\nimport content from 'pp-react-l10n'\nimport {\n  BodyText,\n  Button as ButtonV2,\n  DropdownMenu,\n} from '@paypalcorp/pp-react'\n\nimport { connect } from 'transfer/utils/p2p-connect'\nimport { getDisplayPhone } from 'transfer/utils/phoneUtils'\nimport { trackUnilateralRecipientChoiceSubmit } from 'transfer/utils/unilateral-recipient-choice-analytics'\nimport { mobileAndSmaller } from '../../../lib/styles/media-queries'\n\nimport SimpleRecipientHeader from 'transfer/components/recipient-header/simple-recipient-header'\n\nconst i18n = content('transfer/unilateralInterstitial')\n\nconst Container = glamorous.div({\n  marginTop: '4%',\n})\n\nconst InnerContainer = glamorous.div({\n  textAlign: 'center',\n  maxWidth: '30rem',\n  margin: 'auto',\n})\n\nconst DescriptionContainer = glamorous.div({\n  marginTop: '2rem',\n  marginBottom: '2rem',\n})\n\nconst ContainerWrapper = glamorous.div({\n  margin: '2rem auto',\n  maxWidth: '400px',\n})\n\nconst StyledButton = glamorous.button({\n  marginTop: '2em',\n  [mobileAndSmaller]: {\n    width: '100%',\n  },\n})\n\nconst FieldsContainer = glamorous.div({ marginTop: '4%' })\n\nexport const THUMBNAIL_DIAMETER = 120\n\ntype Props = {\n  contact: FormattedContact,\n  thumbnailUrl?: string,\n  handleSubmit: (contact: FormattedContact) => any,\n  dispatch: Function,\n}\n\ntype State = {\n  selectedRecipientIndex: number,\n}\n\nexport class UnilateralRecipientChoice extends Component<Props, State> {\n  emailsAndPhones: Array<string | ContactPhone> = []\n\n  options: Array<{\n    label?: string,\n    value: any,\n    primaryText?: string,\n  }> = []\n\n  static defaultProps = {\n    handleSubmit: () => {},\n  }\n\n  constructor(props: Props) {\n    super(props)\n\n    const { contact: { emails = [], phones = [] } = {} } = props\n\n    this.emailsAndPhones = [...emails, ...phones]\n\n    this.options = this.emailsAndPhones.map((emailOrPhone, index) => ({\n      primaryText: this.getDisplayRecipient(emailOrPhone),\n      value: String(index),\n    }))\n\n    this.state = {\n      selectedRecipientIndex: 0,\n    }\n  }\n\n  getDisplayRecipient = (emailOrPhone: string | ContactPhone) => {\n    if (typeof emailOrPhone === 'object') {\n      return getDisplayPhone({ phones: [emailOrPhone] })\n    }\n\n    return emailOrPhone\n  }\n\n  handleSubmit = (event: SyntheticEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n\n    trackUnilateralRecipientChoiceSubmit()\n\n    const { contact } = this.props\n\n    const selectedEmailOrPhone = this.emailsAndPhones[\n      this.state.selectedRecipientIndex\n    ]\n\n    const updatedContact = { ...contact }\n    if (typeof selectedEmailOrPhone === 'object') {\n      Object.assign(updatedContact, {\n        email: '',\n        phones: [selectedEmailOrPhone],\n      })\n    } else {\n      Object.assign(updatedContact, {\n        email: selectedEmailOrPhone,\n        phones: [],\n      })\n    }\n\n    this.props.handleSubmit(updatedContact)\n  }\n\n  handleRecipientChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    this.setState({\n      selectedRecipientIndex: Number(event.currentTarget.value),\n    })\n  }\n\n  render() {\n    const { thumbnailUrl } = this.props\n\n    return (\n      <>\n        <Container>\n          <InnerContainer>\n            <SimpleRecipientHeader\n              styleOverrides={{\n                headerContainer: {\n                  flexDirection: 'column',\n                  textAlign: 'center',\n                },\n                recipientContainer: {\n                  marginBottom: '4%',\n                },\n                detailsContainer: {\n                  marginLeft: 0,\n                },\n              }}\n              recipientDisplayDetails={this.getDisplayRecipient(\n                this.emailsAndPhones[this.state.selectedRecipientIndex]\n              )}\n              thumbnailDiameter={thumbnailUrl ? THUMBNAIL_DIAMETER : undefined}\n            />\n\n            <ContainerWrapper>\n              <DescriptionContainer>\n                <BodyText>{i18n('body.description')}</BodyText>\n              </DescriptionContainer>\n\n              <form onSubmit={this.handleSubmit}>\n                <BodyText>{i18n('dropdown.description')}</BodyText>\n                <FieldsContainer>\n                  <DropdownMenu\n                    id=\"select-recipient\"\n                    value={String(this.state.selectedRecipientIndex)}\n                    label={i18n('dropdown.label')}\n                    options={this.options}\n                    onChange={index =>\n                      this.setState({\n                        selectedRecipientIndex: Number(index.target.value),\n                      })\n                    }\n                  />\n                </FieldsContainer>\n\n                <ButtonV2 as={StyledButton}>{i18n('button.next')}</ButtonV2>\n              </form>\n            </ContainerWrapper>\n          </InnerContainer>\n        </Container>\n      </>\n    )\n  }\n}\n\nexport default connect(({ recipient }) => ({\n  contact: recipient.contact,\n  thumbnailUrl: recipient.thumbnailUrl,\n}))(UnilateralRecipientChoice)\n"],"sourceRoot":""}