{"version":3,"sources":["webpack:////home/jenkins/agent/workspace/rAlWnROk32481EutLuZS/node_modules/@paypalcorp/pp-react-selection-group/dist/@paypalcorp/pp-react-selection-group.esm.js","webpack:///./transfer/components/recipient-header/simple-recipient-header.js","webpack:///./experiments/contact-confidence-amount.js"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","styles","tokens","Object","keys","length","console","warn","sysSpaceMd","sysSpaceSm","sysBorderThicknessNormal","sysSpaceXs","sysMotionDurationAction","sysBorderThicknessEmphasis","sysBorderThicknessFocus","sysSizeMediaSm","sysSizeMediaMd","sysColorBackgroundHighContrast","sysColorPrimaryMain","sysColorBackgroundSurface","sysColorStructureFocusOutline","sysColorSecondaryMain","sysColorBackgroundMediumContrast","sysColorStructureErrorOutline","sysColorErrorMain","selectionGroupLabelPadding","concat","selectionGroupErrorLabelPadding","selectionGroupErrorSelectedLabelPadding","_textStyles","caption","body","_utilStyles","elevationStyles","focusStyles","focusAfter","stateFocusBorderWidthOuter","stateFocusBorderColorOuter","stateFocusBorderWidthInner","verticalOrientation","base","buttons","buttonsResponsiveXs","buttonsResponsiveSm","buttonsResponsiveMd","verticalButtons","groupLabel","helperText","color","errorText","errorIcon","centerButtons","justifyButtons","control","radius","border","boxShadowColor","width","height","top","left","primaryLabelWhenFocusedAndChecked","label","level1","secondaryLabelVertical","verticalLabel","justifyLabel","secondary","secondaryLabelTwo","errorLabel","errorLabelWhenChecked","errorLabelWhenFocus","FieldGroupMessage","_ref","errorIconAriaLabel","msgId","_styles","css","id","size","role","_excluded","_excluded2","ownKeys","object","enumerableOnly","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","SingleSelectionGroup","_ref2","className","_ref2$errorIconAriaLa","_ref2$id","hideLabel","_ref2$name","name","_ref2$value","value","align","responsive","_ref2$options","options","onChange","_ref2$alignContent","alignContent","rest","error","containerCSS","buttonBarCSS","charAt","toUpperCase","inputValue","map","index","secondaryLabel","_ref$id","onMouseOver","optionRest","checked","valueProps","defaultChecked","otherInputAttr","labelCSS","Fragment","type","htmlFor","as","clampAtLine","renderSingleButtons","_excluded$1","_excluded2$1","ownKeys$1","_objectSpread$1","MultiSelectionGroup","_ref2$label","masterOnChange","_ref$onChange","renderMultiButtons","HeaderContainer","glamorous","div","display","alignItems","marginBottom","justifyContent","textAlign","RecipientContainer","background","borderRadius","DetailsContainer","flexDirection","marginLeft","position","wordBreak","TertiaryInfo","props","React","createElement","_HeadingText","_extends","margin","lineHeight","fontWeight","fontSize","SimpleRecipientHeader","Component","constructor","_defineProperty","typedRecipient","recipientDisplayDetails","this","pxp","isEmail","isPhone","render","recipient","unilateralFullName","displayName","shouldShowRecipientDisplayDetails","firstInitial","fullName","alternateFullName","networkDisplayName","styleOverrides","showLocation","networkDisplayAddress","firstName","lastName","lastInitial","thumbnailUrl","shouldShowLocation","headerContainer","recipientContainer","shouldRenderThumbnail","Media","query","SIZE_MOBILE","matches","ContactAvatar","imageUrl","isBusiness","Boolean","getAvatarColor","detailsContainer","_BodyText","data-testid","getFlowType","getRecipientText","tertiaryInfo","connect","server","unilateral","env","ENV_TYPE","PP_ME","POOLS","isCharity","stateProps","dispatchProps","ownProps"],"mappings":"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","file":"default~contact-list~guest~request-page~request-preview~send-page~universal-preview.esm.js","sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { useMemo } from 'react';\nimport { CriticalIcon } from '@paypalcorp/pp-react-icons';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { math } from 'polished';\nimport { textStyles, CaptionText } from '@paypalcorp/pp-react-text';\nimport { utilStyles, uniqueId } from '@paypalcorp/pp-react-utils';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;\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 sysSpaceMd = tokens.sysSpaceMd,\n      sysSpaceSm = tokens.sysSpaceSm,\n      sysBorderThicknessNormal = tokens.sysBorderThicknessNormal,\n      sysSpaceXs = tokens.sysSpaceXs,\n      sysMotionDurationAction = tokens.sysMotionDurationAction,\n      sysBorderThicknessEmphasis = tokens.sysBorderThicknessEmphasis,\n      sysBorderThicknessFocus = tokens.sysBorderThicknessFocus,\n      sysSizeMediaSm = tokens.sysSizeMediaSm,\n      sysSizeMediaMd = tokens.sysSizeMediaMd,\n      sysColorBackgroundHighContrast = tokens.sysColorBackgroundHighContrast,\n      sysColorPrimaryMain = tokens.sysColorPrimaryMain,\n      sysColorBackgroundSurface = tokens.sysColorBackgroundSurface,\n      sysColorStructureFocusOutline = tokens.sysColorStructureFocusOutline,\n      sysColorSecondaryMain = tokens.sysColorSecondaryMain,\n      sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n      sysColorStructureErrorOutline = tokens.sysColorStructureErrorOutline,\n      sysColorErrorMain = tokens.sysColorErrorMain;\n  // 60px\n  var selectionGroupBorderRadius = '0.375rem';\n  var selectionGroupLabelPadding = math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessNormal)); // 11px\n\n  var selectionGroupErrorLabelPadding = math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessEmphasis)); // 10px\n\n  var selectionGroupErrorSelectedLabelPadding = math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessFocus)); // 9px\n\n  var _textStyles = textStyles(tokens),\n      caption = _textStyles.caption,\n      body = _textStyles.body;\n\n  var _utilStyles = utilStyles(tokens),\n      elevationStyles = _utilStyles.elevationStyles,\n      focusStyles = _utilStyles.focusStyles;\n\n  var focusAfter = focusStyles.focusAfter,\n      stateFocusBorderWidthOuter = focusStyles.stateFocusBorderWidthOuter,\n      stateFocusBorderColorOuter = focusStyles.stateFocusBorderColorOuter,\n      stateFocusBorderWidthInner = focusStyles.stateFocusBorderWidthInner;\n\n  function secondaryStyle() {\n    return css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n      background-color: \", \";\\n      color: \", \";\\n      border-color: \", \";\\n      border-width: \", \";\\n      padding: \", \";\\n      z-index: 1;\\n      -webkit-text-stroke-width: \", \"; // Hack to stop selection group from jumping since having a bold font-family will increase the width of the text and ultimately the width of the button\\n    \"])), sysColorBackgroundSurface, sysColorSecondaryMain, sysColorSecondaryMain, sysBorderThicknessNormal, selectionGroupLabelPadding, '0.0421875rem');\n  }\n\n  function verticalOrientation() {\n    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n      flex-direction: column;\\n      min-width: auto;\\n    \"])));\n  }\n\n  var base = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: selection_group_base;\\n    box-sizing: border-box;\\n    border-style: none;\\n    padding: 0;\\n    text-align: left;\\n    [dir='rtl'] & {\\n      text-align: right;\\n    }\\n  \"])));\n  var buttons = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    label: buttons;\\n    display: flex;\\n    flex-wrap: wrap;\\n    position: relative;\\n    min-width: \", \";\\n    margin-top: -\", \";\\n    margin-right: -\", \";\\n    [dir='rtl'] & {\\n      margin-right: 0;\\n      margin-left: -\", \";\\n    }\\n  \"])), '18rem', sysSpaceMd, sysSpaceMd, sysSpaceMd);\n  var buttonsResponsiveXs = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n    label: buttons_responsive_xs;\\n    @media (max-width: \", \") {\\n      \", \";\\n    }\\n  \"])), '25rem', verticalOrientation());\n  var buttonsResponsiveSm = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n    label: buttons_responsive_sm;\\n    @media (max-width: \", \") {\\n      \", \";\\n    }\\n  \"])), sysSizeMediaSm, verticalOrientation());\n  var buttonsResponsiveMd = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n    label: buttons_responsive_md;\\n    @media (max-width: \", \") {\\n      \", \";\\n    }\\n  \"])), sysSizeMediaMd, verticalOrientation());\n  var verticalButtons = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n    label: buttons_vertical;\\n    margin-top: 0;\\n    display: grid;\\n    grid-auto-rows: 1fr;\\n    gap: \", \";\\n    \", \";\\n  \"])), sysSpaceMd, verticalOrientation());\n  var groupLabel = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n    label: group_label;\\n    \", \";\\n    display: block;\\n    color: \", \";\\n    margin-bottom: \", \";\\n  \"])), body(), sysColorBackgroundHighContrast, sysSpaceMd);\n  var helperText = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"\\n    label: helper_text;\\n    \", \";\\n    display: block;\\n    list-style: none; // In case it's a list of helper texts\\n    padding-left: 0;\\n    margin: \", \" 0 0 0;\\n  \"])), caption({\n    color: sysColorBackgroundMediumContrast\n  }), sysSpaceSm);\n  var errorText = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"\\n    label: error_text;\\n    \", \";\\n    display: flex;\\n    align-items: center;\\n    margin-top: \", \";\\n    margin-bottom: 0;\\n  \"])), caption({\n    color: sysColorBackgroundMediumContrast\n  }), sysSpaceXs);\n  var errorIcon = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"\\n    label: error_icon;\\n    color: \", \";\\n    margin-right: \", \";\\n    margin-left: initial;\\n    [dir='rtl'] & {\\n      margin-left: \", \";\\n      margin-right: initial;\\n    }\\n  \"])), sysColorErrorMain, sysSpaceXs, sysSpaceXs);\n  var centerButtons = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([\"\\n    label: center;\\n    justify-content: center;\\n  \"])));\n  var justifyButtons = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([\"\\n    label: justify;\\n    justify-content: stretch;\\n  \"])));\n  var control = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral([\"\\n    label: control;\\n    position: absolute;\\n    clip: rect(0, 0, 0, 0);\\n    pointer-events: none;\\n    /* We're hiding these so no need to use rems */\\n    width: 1px;\\n    height: 1px;\\n    &:focus + label {\\n      outline: none;\\n      border-width: \", \";\\n      padding: \", \";\\n      &:hover {\\n        border: \", \" solid \", \";\\n      }\\n      &:after {\\n        \", \"\\n        text-indent: \", \";\\n        z-index: 1;\\n      }\\n    }\\n    &:checked + label {\\n      background-color: \", \";\\n      color: \", \";\\n      -webkit-text-stroke-width: inherit;\\n      z-index: 1;\\n      span {\\n        color: \", \";\\n      }\\n      div {\\n        color: \", \";\\n      }\\n      &:hover {\\n        border-color: \", \";\\n      }\\n    }\\n  \"])), sysBorderThicknessNormal, selectionGroupLabelPadding, sysBorderThicknessNormal, sysColorSecondaryMain, focusAfter({\n    radius: selectionGroupBorderRadius,\n    border: \"\".concat(stateFocusBorderWidthInner, \" solid \").concat(sysColorSecondaryMain),\n    boxShadowColor: sysColorStructureFocusOutline,\n    width: \"calc(100% + 0.125rem)\",\n    height: \"calc(100% + 0.125rem)\",\n    top: \"-\".concat(sysBorderThicknessNormal),\n    left: \"-\".concat(sysBorderThicknessNormal)\n  }), sysBorderThicknessNormal, sysColorPrimaryMain, sysColorBackgroundSurface, sysColorBackgroundSurface, sysColorBackgroundSurface, sysColorBackgroundSurface);\n  var primaryLabelWhenFocusedAndChecked = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral([\"\\n    label: primary_label_when_focused_and_checked;\\n    input:checked:focus + label:after {\\n      border-color: \", \";\\n    }\\n  \"])), sysColorPrimaryMain);\n  var label = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral([\"\\n    label: label;\\n    \", \";\\n    \", \";\\n    display: flex;\\n    flex-direction: column;\\n    justify-content: center;\\n    background-color: \", \";\\n    padding: \", \";\\n    margin-top: \", \";\\n    margin-right: \", \";\\n    text-align: center;\\n    cursor: pointer;\\n    user-select: none;\\n    border: \", \" solid \", \";\\n    border-radius: \", \";\\n    position: relative;\\n    transition: color \", \" ease,\\n      background-color \", \" ease,\\n      border-color \", \" ease,\\n      box-shadow \", \" ease;\\n    min-height: \", \";\\n    min-width: \", \";\\n    &:hover {\\n      background: \", \";\\n      border-color: \", \";\\n    }\\n    [dir='rtl'] & {\\n      margin-right: 0;\\n      margin-left: \", \";\\n    }\\n  \"])), body(), elevationStyles.level1, sysColorBackgroundSurface, selectionGroupLabelPadding, sysSpaceMd, sysSpaceMd, sysBorderThicknessNormal, sysColorBackgroundSurface, selectionGroupBorderRadius, sysMotionDurationAction, sysMotionDurationAction, sysMotionDurationAction, sysMotionDurationAction, '3.75rem', '5.125rem', sysColorBackgroundSurface, sysColorSecondaryMain, sysSpaceMd);\n  var secondaryLabelVertical = css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral([\"\\n    label: secondary_label_vertical;\\n    text-align: left;\\n    [dir='rtl'] & {\\n      text-align: right;\\n    }\\n  \"])));\n  var verticalLabel = css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral([\"\\n    label: label_vertical;\\n    margin-right: 0;\\n    margin-top: 0;\\n  \"])));\n  var justifyLabel = css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral([\"\\n    label: label_justify;\\n    flex: 1 0 auto;\\n  \"])));\n  var secondary = css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral([\"\\n    label: secondary;\\n    input:checked + label {\\n      \", \";\\n      &:after {\\n        \", \"\\n        box-shadow: none;\\n      }\\n      &:hover {\\n        border: \", \" solid \", \";\\n      }\\n      span {\\n        color: \", \";\\n      }\\n    }\\n    input:checked:focus + label:after {\\n      box-shadow: 0 0 0 \", \"\\n        \", \";\\n    }\\n    input:focus + label:after {\\n      border-color: \", \";\\n    }\\n  \"])), secondaryStyle(), focusAfter({\n    radius: selectionGroupBorderRadius,\n    border: \"\".concat(sysBorderThicknessFocus, \" solid \").concat(sysColorSecondaryMain),\n    width: \"calc(100% + 0.125rem)\",\n    height: \"calc(100% + 0.125rem)\",\n    top: \"-\".concat(sysBorderThicknessNormal),\n    left: \"-\".concat(sysBorderThicknessNormal)\n  }), sysBorderThicknessNormal, sysColorSecondaryMain, sysColorSecondaryMain, stateFocusBorderWidthOuter, stateFocusBorderColorOuter, sysColorSecondaryMain);\n  var secondaryLabelTwo = css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral([\"\\n    label: secondary_label_two;\\n    \", \";\\n  \"])), caption({\n    color: sysColorBackgroundMediumContrast\n  }));\n  var errorLabel = css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([\"\\n    label: error_label;\\n    border-width: \", \";\\n    background-color: \", \";\\n    border-color: \", \";\\n    padding: \", \";\\n  \"])), sysBorderThicknessEmphasis, sysColorBackgroundSurface, sysColorErrorMain, selectionGroupErrorLabelPadding);\n  var errorLabelWhenChecked = css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral([\"\\n    label: error_label_when_checked;\\n    input:checked + label {\\n      label: label_error_when_checked;\\n      padding: \", \";\\n      border: \", \" solid \", \";\\n      z-index: 1;\\n      &:hover {\\n        border: \", \" solid \", \";\\n      }\\n      &:after {\\n        border: none;\\n      }\\n    }\\n    input:checked:focus + label:after {\\n      box-shadow: 0 0 0 \", \" \", \";\\n    }\\n  \"])), selectionGroupErrorSelectedLabelPadding, sysBorderThicknessFocus, sysColorErrorMain, sysBorderThicknessFocus, sysColorErrorMain, sysSpaceSm, sysColorStructureErrorOutline);\n  var errorLabelWhenFocus = css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral([\"\\n    label: error_label_when_focus;\\n    input:focus + label {\\n      padding: \", \";\\n      border: \", \" solid \", \";\\n      &:after {\\n        border: none;\\n        box-shadow: 0 0 0 \", \" \", \";\\n      }\\n      &:hover {\\n        border: \", \" solid \", \";\\n      }\\n    }\\n  \"])), selectionGroupErrorSelectedLabelPadding, sysBorderThicknessFocus, sysColorErrorMain, sysSpaceSm, sysColorStructureErrorOutline, sysBorderThicknessFocus, sysColorErrorMain);\n  return {\n    base: base,\n    buttons: buttons,\n    buttonsResponsiveXs: buttonsResponsiveXs,\n    buttonsResponsiveSm: buttonsResponsiveSm,\n    buttonsResponsiveMd: buttonsResponsiveMd,\n    verticalButtons: verticalButtons,\n    centerButtons: centerButtons,\n    justifyButtons: justifyButtons,\n    groupLabel: groupLabel,\n    helperText: helperText,\n    errorText: errorText,\n    errorIcon: errorIcon,\n    control: control,\n    label: label,\n    verticalLabel: verticalLabel,\n    justifyLabel: justifyLabel,\n    primaryLabelWhenFocusedAndChecked: primaryLabelWhenFocusedAndChecked,\n    secondary: secondary,\n    secondaryLabelTwo: secondaryLabelTwo,\n    errorLabel: errorLabel,\n    errorLabelWhenChecked: errorLabelWhenChecked,\n    errorLabelWhenFocus: errorLabelWhenFocus,\n    secondaryLabelVertical: secondaryLabelVertical\n  };\n}\n\nvar FieldGroupMessage = function (_ref) {\n  var errorText = _ref.errorText,\n      errorIconAriaLabel = _ref.errorIconAriaLabel,\n      helperText = _ref.helperText,\n      msgId = _ref.msgId;\n  var tokens = useTheme(); // Fetch tokens from Emotion context\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]); // Get either the error message or helper text or... nothing\n\n\n  return errorText && jsx(\"p\", {\n    css: _styles.errorText,\n    id: msgId,\n    \"data-ppui\": \"true\"\n  }, jsx(CriticalIcon, {\n    css: _styles.errorIcon,\n    size: \"sm\",\n    role: \"img\",\n    \"aria-label\": errorIconAriaLabel,\n    \"data-ppui\": \"true\"\n  }), errorText) || helperText && jsx(\"p\", {\n    css: _styles.helperText,\n    id: msgId,\n    \"data-ppui\": \"true\"\n  }, helperText) || null;\n};\n\nvar _excluded = [\"value\", \"label\", \"secondaryLabel\", \"id\", \"className\", \"onMouseOver\"],\n    _excluded2 = [\"className\", \"errorText\", \"errorIconAriaLabel\", \"helperText\", \"id\", \"label\", \"hideLabel\", \"name\", \"value\", \"align\", \"responsive\", \"secondary\", \"options\", \"onChange\", \"alignContent\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nvar renderSingleButtons = function (options, name, inputValue, onChange, error, msgId, align, _styles, alignContent, rest) {\n  if (!options.length) {\n    return jsx(\"em\", {\n      \"data-ppui\": \"true\"\n    }, \"No options to choose from\");\n  }\n\n  return options.map(function (_ref, index) {\n    var value = _ref.value,\n        label = _ref.label,\n        secondaryLabel = _ref.secondaryLabel,\n        _ref$id = _ref.id,\n        id = _ref$id === void 0 ? \"selection_\".concat(name, \"_\").concat(value) : _ref$id,\n        className = _ref.className,\n        onMouseOver = _ref.onMouseOver,\n        optionRest = _objectWithoutProperties(_ref, _excluded);\n\n    var checked = value === inputValue;\n    var valueProps = onChange ? {\n      onChange: onChange,\n      value: value,\n      checked: checked\n    } : {\n      value: value,\n      defaultChecked: checked\n    };\n\n    var otherInputAttr = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, msgId && index === 0 && {\n      'aria-describedby': msgId\n    }), error && {\n      'aria-invalid': true\n    }), valueProps), rest), optionRest);\n\n    var labelCSS = [_styles.label, align === 'vertical' && alignContent === 'left' && _styles.secondaryLabelVertical, error && _styles.errorLabel, align && _styles[align + 'Label']];\n    return jsx(React.Fragment, {\n      key: index\n    }, jsx(\"input\", _extends({\n      type: \"radio\",\n      name: name,\n      id: id,\n      css: _styles.control\n    }, otherInputAttr, {\n      \"data-ppui\": \"true\"\n    })), jsx(\"label\", _extends({\n      className: className,\n      css: labelCSS\n    }, {\n      htmlFor: id,\n      onMouseOver: onMouseOver\n    }, {\n      \"data-ppui\": \"true\"\n    }), label, secondaryLabel && jsx(CaptionText, _extends({\n      css: _styles.secondaryLabelTwo\n    }, typeof secondaryLabel === 'string' ? {\n      as: \"span\"\n    } : null, align === 'vertical' ? {\n      clampAtLine: 3\n    } : null, {\n      \"data-ppui\": \"true\"\n    }), secondaryLabel)));\n  });\n};\n\nvar SingleSelectionGroup = function (_ref2) {\n  var className = _ref2.className,\n      errorText = _ref2.errorText,\n      _ref2$errorIconAriaLa = _ref2.errorIconAriaLabel,\n      errorIconAriaLabel = _ref2$errorIconAriaLa === void 0 ? 'Error' : _ref2$errorIconAriaLa,\n      helperText = _ref2.helperText,\n      _ref2$id = _ref2.id,\n      id = _ref2$id === void 0 ? uniqueId('SelectionGroup_') : _ref2$id,\n      label = _ref2.label,\n      hideLabel = _ref2.hideLabel,\n      _ref2$name = _ref2.name,\n      name = _ref2$name === void 0 ? 'singleSelect' : _ref2$name,\n      _ref2$value = _ref2.value,\n      value = _ref2$value === void 0 ? '' : _ref2$value,\n      align = _ref2.align,\n      responsive = _ref2.responsive,\n      secondary = _ref2.secondary,\n      _ref2$options = _ref2.options,\n      options = _ref2$options === void 0 ? [] : _ref2$options,\n      onChange = _ref2.onChange,\n      _ref2$alignContent = _ref2.alignContent,\n      alignContent = _ref2$alignContent === void 0 ? 'center' : _ref2$alignContent,\n      rest = _objectWithoutProperties(_ref2, _excluded2);\n\n  var tokens = useTheme(); // Fetch tokens from Emotion context\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var error = !!errorText;\n  var msgId = errorText && \"errorMessage_\".concat(id) || helperText && \"helperMessage_\".concat(id);\n  var containerCSS = [_styles.base, secondary && _styles.secondary];\n  var buttonBarCSS = [_styles.buttons, //@ts-ignore\n  align && _styles[align + 'Buttons'], !error && !secondary && _styles.primaryLabelWhenFocusedAndChecked, error && _styles.errorLabelWhenFocus, error && _styles.errorLabelWhenChecked, responsive && // @ts-ignore\n  _styles['buttonsResponsive' + responsive.charAt(0).toUpperCase() + responsive.charAt(1)]];\n  return (//@ts-ignore\n    jsx(\"fieldset\", _extends({\n      className: className,\n      css: containerCSS,\n      \"aria-label\": hideLabel ? label : null,\n      \"data-ppui-info\": \"selection-group_4.4.3\"\n    }, rest), !hideLabel && jsx(\"legend\", {\n      css: _styles.groupLabel,\n      \"data-ppui\": \"true\"\n    }, label), jsx(\"div\", {\n      css: buttonBarCSS,\n      \"data-ppui\": \"true\"\n    }, renderSingleButtons(options, name, value, onChange, error, msgId, align, _styles, alignContent, rest)), jsx(FieldGroupMessage, {\n      errorText: errorText,\n      errorIconAriaLabel: errorIconAriaLabel,\n      helperText: helperText,\n      msgId: msgId,\n      \"data-ppui\": \"true\"\n    }))\n  );\n};\n\nvar _excluded$1 = [\"value\", \"label\", \"secondaryLabel\", \"name\", \"className\", \"checked\", \"onChange\", \"id\", \"onMouseOver\"],\n    _excluded2$1 = [\"className\", \"errorText\", \"errorIconAriaLabel\", \"helperText\", \"id\", \"label\", \"hideLabel\", \"align\", \"responsive\", \"secondary\", \"options\", \"onChange\", \"alignContent\"];\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nvar renderMultiButtons = function (options, masterOnChange, error, msgId, align, _styles, alignContent, rest) {\n  if (!options.length) {\n    return jsx(\"em\", {\n      \"data-ppui\": \"true\"\n    }, \"No options to choose from\");\n  }\n\n  return options.map(function (_ref, index) {\n    var value = _ref.value,\n        label = _ref.label,\n        secondaryLabel = _ref.secondaryLabel,\n        name = _ref.name,\n        className = _ref.className,\n        checked = _ref.checked,\n        _ref$onChange = _ref.onChange,\n        onChange = _ref$onChange === void 0 ? masterOnChange : _ref$onChange,\n        _ref$id = _ref.id,\n        id = _ref$id === void 0 ? \"selection_\".concat(name) : _ref$id,\n        onMouseOver = _ref.onMouseOver,\n        optionRest = _objectWithoutProperties(_ref, _excluded$1);\n\n    var valueProps = onChange ? {\n      onChange: onChange,\n      value: value,\n      checked: checked\n    } : {\n      value: value,\n      defaultChecked: checked\n    };\n\n    var otherInputAttr = _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, msgId && index === 0 && {\n      'aria-describedby': msgId\n    }), error && {\n      'aria-invalid': true\n    }), valueProps), rest), optionRest);\n\n    var labelCSS = [_styles.label, align === 'vertical' && alignContent === 'left' && _styles.secondaryLabelVertical, error && _styles.errorLabel, align && _styles[align + 'Label']];\n    return jsx(React.Fragment, {\n      key: index\n    }, jsx(\"input\", _extends({\n      type: \"checkbox\",\n      name: name,\n      id: id,\n      css: _styles.control\n    }, otherInputAttr, {\n      \"data-ppui\": \"true\"\n    })), jsx(\"label\", _extends({\n      className: className,\n      css: labelCSS\n    }, {\n      htmlFor: id,\n      onMouseOver: onMouseOver\n    }, {\n      \"data-ppui\": \"true\"\n    }), label, secondaryLabel && jsx(CaptionText, _extends({\n      css: _styles.secondaryLabelTwo\n    }, typeof secondaryLabel === 'string' ? {\n      as: \"span\"\n    } : null, align === 'vertical' ? {\n      clampAtLine: 3\n    } : null, {\n      \"data-ppui\": \"true\"\n    }), secondaryLabel)));\n  });\n};\n\nvar MultiSelectionGroup = function (_ref2) {\n  var className = _ref2.className,\n      errorText = _ref2.errorText,\n      _ref2$errorIconAriaLa = _ref2.errorIconAriaLabel,\n      errorIconAriaLabel = _ref2$errorIconAriaLa === void 0 ? 'Error' : _ref2$errorIconAriaLa,\n      helperText = _ref2.helperText,\n      _ref2$id = _ref2.id,\n      id = _ref2$id === void 0 ? uniqueId('SelectionGroup_') : _ref2$id,\n      _ref2$label = _ref2.label,\n      label = _ref2$label === void 0 ? 'label' : _ref2$label,\n      hideLabel = _ref2.hideLabel,\n      align = _ref2.align,\n      responsive = _ref2.responsive,\n      secondary = _ref2.secondary,\n      _ref2$options = _ref2.options,\n      options = _ref2$options === void 0 ? [] : _ref2$options,\n      onChange = _ref2.onChange,\n      _ref2$alignContent = _ref2.alignContent,\n      alignContent = _ref2$alignContent === void 0 ? 'center' : _ref2$alignContent,\n      rest = _objectWithoutProperties(_ref2, _excluded2$1);\n\n  var tokens = useTheme(); // Fetch tokens from Emotion context\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var error = !!errorText;\n  var msgId = errorText && \"errorMessage_\".concat(id) || helperText && \"helperMessage_\".concat(id);\n  var containerCSS = [_styles.base, secondary && _styles.secondary];\n  var buttonBarCSS = [_styles.buttons, //@ts-ignore\n  align && _styles[align + 'Buttons'], !error && !secondary && _styles.primaryLabelWhenFocusedAndChecked, error && _styles.errorLabelWhenFocus, error && _styles.errorLabelWhenChecked, responsive && // @ts-ignore\n  _styles['buttonsResponsive' + responsive.charAt(0).toUpperCase() + responsive.charAt(1)]];\n  return (//@ts-ignore\n    jsx(\"fieldset\", _extends({\n      className: className,\n      css: containerCSS,\n      \"aria-label\": hideLabel ? label : null,\n      \"data-ppui-info\": \"selection-group_4.4.3\"\n    }, rest), !hideLabel && jsx(\"legend\", {\n      css: _styles.groupLabel,\n      \"data-ppui\": \"true\"\n    }, label), jsx(\"div\", {\n      css: buttonBarCSS,\n      \"data-ppui\": \"true\"\n    }, renderMultiButtons(options, onChange, error, msgId, align, _styles, alignContent, rest)), jsx(FieldGroupMessage, {\n      errorText: errorText,\n      errorIconAriaLabel: errorIconAriaLabel,\n      helperText: helperText,\n      msgId: msgId,\n      \"data-ppui\": \"true\"\n    }))\n  );\n};\n\nexport { MultiSelectionGroup, SingleSelectionGroup, styles as selectionGroupStyles };\n","/**\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'\n\nimport { HeadingText, BodyText } from '@paypalcorp/pp-react'\n\nimport ContactAvatar from 'transfer/components/contactAvatar'\n\nimport { getAvatarColor } from 'lib/avatar'\n\nimport { showEmailPhoneAmountScreen } from '../../../experiments/contact-confidence-amount'\nimport { isEmail, isPhone } from '../../../../../shared/validators'\nimport { ENV_TYPE } from '../../../../../lib/constants'\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 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    firstName: PropTypes.string,\n    lastName: 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  }\n\n  static defaultProps = {\n    showLocation: false,\n  }\n\n  getRecipientText = () => {\n    const { typedRecipient, recipientDisplayDetails } = this.props\n\n    if (\n      showEmailPhoneAmountScreen() &&\n      (isEmail(typedRecipient) || isPhone(typedRecipient))\n    ) {\n      return typedRecipient\n    }\n\n    return recipientDisplayDetails\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 {\n      styleOverrides = {},\n      showLocation,\n      networkDisplayAddress,\n      firstName,\n      lastName,\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                  color={getAvatarColor({ firstName, lastName })}\n                />\n              )}\n            </Media>\n          )}\n        </RecipientContainer>\n\n        <DetailsContainer css={styleOverrides.detailsContainer}>\n          <HeadingText size=\"sm\">{recipient}</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 }) => ({\n    shouldRenderThumbnail:\n      server.env !== ENV_TYPE.PP_ME && server.env !== ENV_TYPE.POOLS,\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    firstName: recipient.firstName,\n    lastName: recipient.lastName,\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  }),\n  null,\n  (stateProps, dispatchProps, ownProps) => ({\n    ...stateProps,\n    ...dispatchProps,\n    ...ownProps,\n  })\n)(SimpleRecipientHeader)\n","import * as pxp from '../lib/pxp'\n\nexport function showEmailPhoneAmountScreen() {\n  return pxp.isTreatment('Trmt_Contact_Confidence_Test')\n}\n"],"sourceRoot":""}