{"version":3,"sources":["webpack:////home/jenkins/agent/workspace/rAlWnROk32481EutLuZS/node_modules/@paypalcorp/pp-react-contextual-alert/dist/@paypalcorp/pp-react-contextual-alert.esm.js"],"names":["_templateObject","_templateObject2","styles","tokens","Object","keys","length","console","warn","sysSpaceSm","sysSpaceLg","sysSizeIconXs","textCaption","caption","base","statusIcon","_excluded","iconMap","info","success","warning","error","ContextualAlert","_ref","className","_ref$type","type","_ref$typeIconAriaLabe","typeIconAriaLabel","children","rest","_styles","iconCssVal","StatusIcon","role","css","size","color"],"mappings":"2FAAA,wEAQIA,EAAiBC,EARrB,2DASA,SAASC,EAAOC,GAEd,IAAKC,OAAOC,KAAKF,GAAQG,OAEvB,OADAC,QAAQC,KAAK,qGACN,GAGT,IAAIC,EAAaN,EAAOM,WACpBC,EAAaP,EAAOO,WACpBC,EAAgBR,EAAOQ,cAGvBC,EADc,YAAWT,GACCU,QAI9B,MAAO,CACLC,KAHS,YAAId,IAAoBA,EAAkB,YAAuB,CAAC,yEAA0E,YAAa,UAAWU,EAAYE,KAIzLG,WAHe,YAAId,IAAqBA,EAAmB,YAAuB,CAAC,8CAA+C,wBAAyB,kBAAmB,gDAAiD,0CAA2C,YAAaQ,EAAYE,EAAeF,IAOtT,IAAIO,EAAY,CAAC,YAAa,OAAQ,oBAAqB,YACvDC,EAAU,CACZC,KAAM,KACNC,QAAS,KACTC,QAAS,KACTC,MAAO,MAGLC,EAAkB,SAAUC,GAC9B,IAAIC,EAAYD,EAAKC,UACjBC,EAAYF,EAAKG,KACjBA,OAAqB,IAAdD,EAAuB,OAASA,EACvCE,EAAwBJ,EAAKK,kBAC7BA,OAA8C,IAA1BD,EAAmCD,EAAOC,EAC9DE,EAAWN,EAAKM,SAChBC,EAAO,YAAyBP,EAAMP,GAEtCb,EAAS,cAET4B,EAAU,mBAAQ,WACpB,OAAO7B,EAAOC,KACb,CAACA,IAEA6B,EAAaD,EAAQhB,WACrBkB,EAAahB,EAAQS,GACzB,OAAO,YAAI,MAAO,YAAS,CACzBQ,KAAM,QACNC,IAAKJ,EAAQjB,KACbU,UAAWA,EACX,iBAAkB,2BACjBM,GAAO,YAAIG,EAAY,CACxBE,IAAKH,EACLI,KAAM,KACNC,MAAO,CACLnB,KAAM,uBACNC,QAAS,sBACTC,QAAS,qBACTC,MAAO,qBACPK,GACFQ,KAAM,MACN,aAAcN,EACd,YAAa,SACXC","file":"default~VisaPlusProfile~addShippingAddressOverpanel~funding-option-selector~guest~request-page~reque~cb1b2a4e.esm.js","sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport { useMemo } from 'react';\nimport { InformationIcon, CheckmarkBackgroundIcon, WarningIcon, CriticalIcon } from '@paypalcorp/pp-react-icons';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { textStyles } from '@paypalcorp/pp-react-text';\n\nvar _templateObject, _templateObject2;\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 sysSpaceSm = tokens.sysSpaceSm,\n      sysSpaceLg = tokens.sysSpaceLg,\n      sysSizeIconXs = tokens.sysSizeIconXs;\n\n  var _textStyles = textStyles(tokens),\n      textCaption = _textStyles.caption;\n\n  var base = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: contextual-alert_base;\\n    display: flex;\\n    padding: \", \" 0;\\n    \", \"\\n  \"])), sysSpaceLg, textCaption());\n  var statusIcon = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: status_icon;\\n    margin-top: \", \";\\n    margin-right: \", \";\\n    height: \", \";\\n\\n    [dir='rtl'] & {\\n      margin-left: \", \";\\n      margin-right: 0;\\n    }\\n  \"])), '0.0625rem', sysSpaceSm, sysSizeIconXs, sysSpaceSm);\n  return {\n    base: base,\n    statusIcon: statusIcon\n  };\n}\n\nvar _excluded = [\"className\", \"type\", \"typeIconAriaLabel\", \"children\"];\nvar iconMap = {\n  info: InformationIcon,\n  success: CheckmarkBackgroundIcon,\n  warning: WarningIcon,\n  error: CriticalIcon\n};\n\nvar ContextualAlert = function (_ref) {\n  var className = _ref.className,\n      _ref$type = _ref.type,\n      type = _ref$type === void 0 ? 'info' : _ref$type,\n      _ref$typeIconAriaLabe = _ref.typeIconAriaLabel,\n      typeIconAriaLabel = _ref$typeIconAriaLabe === void 0 ? type : _ref$typeIconAriaLabe,\n      children = _ref.children,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var iconCssVal = _styles.statusIcon;\n  var StatusIcon = iconMap[type];\n  return jsx(\"div\", _extends({\n    role: \"alert\",\n    css: _styles.base,\n    className: className,\n    \"data-ppui-info\": \"contextual-alert_3.0.19\"\n  }, rest), jsx(StatusIcon, {\n    css: iconCssVal,\n    size: \"xs\",\n    color: {\n      info: 'sysColorInfoContrast',\n      success: 'sysColorSuccessMain',\n      warning: 'sysColorWarningAlt',\n      error: 'sysColorErrorMain'\n    }[type],\n    role: \"img\",\n    \"aria-label\": typeIconAriaLabel,\n    \"data-ppui\": \"true\"\n  }), children);\n};\n\nexport { ContextualAlert, styles as contextualAlertStyles };\n"],"sourceRoot":""}