{"version":3,"file":"js/9571-014e4ae5d9c1f9236877.js","mappings":"2LA6DA,IC7CaA,EAAkB,SAACC,GAC9B,IAAMC,GAAaC,EAAAA,EAAAA,SAAO,GAS1B,OAPAC,EAAAA,EAAAA,YAAU,WAER,OADAF,EAAWG,SAAU,EACd,WACLH,EAAWG,SAAU,KAEtB,KAEIC,EAAAA,EAAAA,cACL,kBAAcJ,EAAWG,QAAUJ,EAAQ,WAAR,aAAoB,eACvD,CAACA,KCZQM,EAAe,SAACC,GAC3B,IAAMN,GAAaC,EAAAA,EAAAA,SAAO,GAC1B,GAA0BM,EAAAA,EAAAA,UAASD,GAA5BE,EAAP,KAAcC,EAAd,KAcA,OAZAP,EAAAA,EAAAA,YAAU,WAER,OADAF,EAAWG,SAAU,EACd,WACLH,EAAWG,SAAU,KAEtB,IAOI,CAACK,GALaJ,EAAAA,EAAAA,cACnB,SAACM,GAAD,OAAWV,EAAWG,QAAUM,EAASC,GAAQ,eACjD,O,8JC1BEC,EAAwCC,EAAAA,YAC5C,WAA4CC,GAA5C,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,KAAMC,EAAhB,EAAgBA,MAAOC,EAAvB,EAAuBA,QAAYC,GAAnC,mBACE,+BACEC,KAAML,EACNM,MAAM,6BACNC,QAAQ,YACRR,IAAKA,EACLS,MAAOP,EACPQ,OAAQR,EACR,kBAAiBE,GACbC,GAEHF,EAAQ,yBAAOQ,GAAIP,GAAUD,GAAiB,KAC/C,wBACES,EAAE,4NACFN,KAAK,SAKbR,EAAsCe,aAAe,CACnDZ,MAAO,eACPC,KAAM,GACNC,WAAOW,EACPV,aAASU,GAEXhB,EAAsCiB,UAAY,CAChDd,MAAOe,IAAAA,OACPd,KAAMc,IAAAA,OACNb,MAAOa,IAAAA,OACPZ,QAASY,IAAAA,QAEX,Q,qCChCMC,EAAoClB,EAAAA,YACxC,WAA4CC,GAA5C,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,KAAMC,EAAhB,EAAgBA,MAAOC,EAAvB,EAAuBA,QAAYC,GAAnC,mBACE,+BACEE,MAAM,6BACNC,QAAQ,YACRR,IAAKA,EACLM,KAAML,EACNQ,MAAOP,EACPQ,OAAQR,EACR,kBAAiBE,GACbC,GAEHF,EAAQ,yBAAOQ,GAAIP,GAAUD,GAAiB,KAC/C,qBAAGG,KAAK,OAAOY,SAAS,WACtB,wBACEZ,KAAK,UACLM,EAAE,kKAEJ,wBACEN,KAAK,UACLM,EAAE,gKAEJ,wBACEN,KAAK,UACLM,EAAE,qJAMZK,EAAkCJ,aAAe,CAC/CZ,MAAO,eACPC,KAAM,GACNC,WAAOW,EACPV,aAASU,GAEXG,EAAkCF,UAAY,CAC5Cd,MAAOe,IAAAA,OACPd,KAAMc,IAAAA,OACNb,MAAOa,IAAAA,OACPZ,QAASY,IAAAA,QAEX,Q,qCC1CMG,EAAiCpB,EAAAA,YACrC,WAA4CC,GAA5C,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,KAAMC,EAAhB,EAAgBA,MAAOC,EAAvB,EAAuBA,QAAYC,GAAnC,mBACE,+BACEE,MAAM,6BACNC,QAAQ,YACRR,IAAKA,EACLM,KAAML,EACNQ,MAAOP,EACPQ,OAAQR,EACR,kBAAiBE,GACbC,GAEHF,EAAQ,yBAAOQ,GAAIP,GAAUD,GAAiB,KAC/C,qBAAGG,KAAK,OAAOY,SAAS,WACtB,wBACEZ,KAAK,UACLM,EAAE,kKAEJ,wBACEN,KAAK,UACLM,EAAE,gGAEJ,wBACEN,KAAK,UACLM,EAAE,qGAMZO,EAA+BN,aAAe,CAC5CZ,MAAO,eACPC,KAAM,GACNC,WAAOW,EACPV,aAASU,GAEXK,EAA+BJ,UAAY,CACzCd,MAAOe,IAAAA,OACPd,KAAMc,IAAAA,OACNb,MAAOa,IAAAA,OACPZ,QAASY,IAAAA,QAEX,Q,qCC1CMI,EAA8BrB,EAAAA,YAClC,WAA4CC,GAA5C,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,KAAMC,EAAhB,EAAgBA,MAAOC,EAAvB,EAAuBA,QAAYC,GAAnC,mBACE,+BACEE,MAAM,6BACNC,QAAQ,YACRR,IAAKA,EACLM,KAAML,EACNQ,MAAOP,EACPQ,OAAQR,EACR,kBAAiBE,GACbC,GAEHF,EAAQ,yBAAOQ,GAAIP,GAAUD,GAAiB,KAC/C,qBAAGG,KAAK,OAAOY,SAAS,WACtB,wBACEZ,KAAK,UACLM,EAAE,kKAEJ,wBACEN,KAAK,UACLM,EAAE,uIAEJ,wBACEN,KAAK,UACLM,EAAE,mJAMZQ,EAA4BP,aAAe,CACzCZ,MAAO,eACPC,KAAM,GACNC,WAAOW,EACPV,aAASU,GAEXM,EAA4BL,UAAY,CACtCd,MAAOe,IAAAA,OACPd,KAAMc,IAAAA,OACNb,MAAOa,IAAAA,OACPZ,QAASY,IAAAA,QAEX,Q,qCC1CMK,EAAmCtB,EAAAA,YACvC,WAA4CC,GAA5C,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,KAAMC,EAAhB,EAAgBA,MAAOC,EAAvB,EAAuBA,QAAYC,GAAnC,mBACE,+BACEE,MAAM,6BACNC,QAAQ,YACRR,IAAKA,EACLM,KAAML,EACNQ,MAAOP,EACPQ,OAAQR,EACR,kBAAiBE,GACbC,GAEHF,EAAQ,yBAAOQ,GAAIP,GAAUD,GAAiB,KAC/C,qBAAGG,KAAK,OAAOY,SAAS,WACtB,wBACEZ,KAAK,UACLM,EAAE,wZAEJ,wBACEN,KAAK,UACLM,EAAE,siBAMZS,EAAiCR,aAAe,CAC9CZ,MAAO,eACPC,KAAM,GACNC,WAAOW,EACPV,aAASU,GAEXO,EAAiCN,UAAY,CAC3Cd,MAAOe,IAAAA,OACPd,KAAMc,IAAAA,OACNb,MAAOa,IAAAA,OACPZ,QAASY,IAAAA,QAEX,QCxCA,GAAgB,OAAS,wBAAwB,cAAc,6BAA6B,WAAa,6BAA6B,MAAQ,uBAAuB,QAAU,yBAAyB,OAAS,wBAAwB,MAAQ,uBAAuB,MAAQ,uBAAuB,OAAS,wBAAwB,KAAO,uB,wECazUM,EAAM,SAAC,GAAmC,IAAjCC,EAAgC,EAAhCA,IAAKC,EAA2B,EAA3BA,IAAKrB,EAAsB,EAAtBA,MAAOsB,EAAe,EAAfA,SAC9B,GAAgCjC,EAAAA,EAAAA,IAAa,MAAtCkC,EAAP,KAAiBC,EAAjB,KAgBA,OAdAtC,EAAAA,EAAAA,YAAU,WACR,IAAIuC,EAAQ,IAAIC,MAQhB,OAPAD,EAAME,OAAS,WACbH,EAAY,uBAAKJ,IAAKA,EAAKC,IAAKA,EAAKrB,MAAOA,MAE9CyB,EAAMG,QAAU,WACdJ,EAAYF,IAEdG,EAAML,IAAMA,EACL,WACLK,EAAQ,QAET,CAACL,EAAKC,EAAKrB,EAAOsB,IAEdC,GAGTJ,EAAIP,UAAY,CACdQ,IAAKP,IAAAA,OAAAA,WACLQ,IAAKR,IAAAA,OAAAA,WACLb,MAAOa,IAAAA,OAAAA,WACPS,SAAUT,IAAAA,MAGZM,EAAIT,aAAe,CACjBY,SAAU,MAwBZ,IAAMO,EAAS,SAAC,GAWT,IAVLC,EAUI,EAVJA,KACAT,EASI,EATJA,IACArB,EAQI,EARJA,MACA+B,EAOI,EAPJA,KACAX,EAMI,EANJA,IACArB,EAKI,EALJA,KACAiC,EAII,EAJJA,MACAC,EAGI,EAHJA,KACWC,EAEP,EAFJC,UACGC,GACC,YACEC,EAAa,CAACC,EAAOC,OAAQD,EAAOP,IACtCO,EAAOvC,IACTsC,EAAWG,KAAKF,EAAOvC,IAErBmC,GACFG,EAAWG,KAAKN,GAUlB,IAAMX,EACJ,gCACGS,GAAS,uBAAKG,UAAWG,EAAON,OAlDvC,SAAkBA,GAChB,OAAQA,GACN,IAAK,aAOL,IAAK,MACH,OAAO,gBAAC,EAAD,MANT,IAAK,WACH,OAAO,gBAAC,EAAD,MACT,IAAK,aACL,IAAK,UACH,OAAO,gBAAC,EAAD,MAGT,IAAK,WACH,OAAO,gBAAC,EAAD,MACT,QACE,OAAO,MAoCkCS,CAAST,IAClD,uBAAKG,UAAWG,EAAOI,YACrB,gBAACvB,EAAD,CACEC,IAAKA,EACLC,IAAKA,EACLrB,MAAOA,GAAS8B,EAChBR,SAAmB,YAATS,EAAqB,gBAAC,EAAD,MAAqB,SAM5D,OAAIE,EAEA,6BAAGA,KAAMA,EAAME,UAAWE,EAAWM,KAAK,MAAUP,GACjDb,GAML,+BAAKY,UAAWE,EAAWM,KAAK,MAAUP,GACvCb,IAKPM,EAAOjB,UAAY,CACjBkB,KAAMjB,IAAAA,OACNQ,IAAKR,IAAAA,OACLb,MAAOa,IAAAA,OACPoB,KAAMpB,IAAAA,OACNO,IAAKP,IAAAA,OAAAA,WACLkB,KAAMlB,IAAAA,MAAgB,CAAC,UAAW,SAAS+B,WAC3C7C,KAAMc,IAAAA,MAAgB,CAAC,SAAU,QAAS,UAAW,QAAS,WAC9DmB,MAAOnB,IAAAA,MAAgB,CACrB,GACA,aACA,WACA,aACA,UACA,MACA,aAEFsB,UAAWtB,IAAAA,QAGbgB,EAAOnB,aAAe,CACpBoB,KAAM,KACNG,KAAM,KACNZ,IAAK,GACLrB,MAAO,KACPD,KAAM,KACNiC,MAAO,KACPG,UAAW,MAGb","sources":["webpack://StravaModern/./node_modules/@strava/react-hooks/src/use-local-storage/useLocalStorage.hook.js","webpack://StravaModern/./node_modules/@strava/react-hooks/src/use-safe-dispatch/useSafeDispatch.hook.js","webpack://StravaModern/./node_modules/@strava/react-hooks/src/use-safe-state/useSafeState.hook.js","webpack://StravaModern/./node_modules/@strava/ui/node_modules/@strava/icons/NavigationProfileHighlightedMedium.js","webpack://StravaModern/./node_modules/@strava/ui/node_modules/@strava/icons/BadgesMulticolorSuperuserSmall.js","webpack://StravaModern/./node_modules/@strava/ui/node_modules/@strava/icons/BadgesMulticolorSummitSmall.js","webpack://StravaModern/./node_modules/@strava/ui/node_modules/@strava/icons/BadgesMulticolorProSmall.js","webpack://StravaModern/./node_modules/@strava/ui/node_modules/@strava/icons/BadgesMulticolorVerifiedSmall.js","webpack://StravaModern/./node_modules/@strava/ui/Avatar/styles.scss?af32","webpack://StravaModern/./node_modules/@strava/ui/Avatar/index.js"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n// Exporting so we can test this function\n/**\n * Merges two objects, but also removes/adds fields based on defaultObj\n * fields and structure\n * @param {Object} defaultObj Object with default fields\n * @param {Object} savedObj Object Saved object\n */\nexport function mergeData(defaultObj, savedObj) {\n  const merged = {};\n\n  Object.keys(defaultObj).forEach((k) => {\n    if (!Object.prototype.hasOwnProperty.call(savedObj, k)) {\n      merged[k] = defaultObj[k];\n    }\n  });\n  Object.keys(savedObj).forEach((k) => {\n    if (Object.prototype.hasOwnProperty.call(defaultObj, k)) {\n      merged[k] = savedObj[k];\n    }\n  });\n\n  return merged;\n}\n\nexport function useLocalStorage(\n  key,\n  defaultValue = '',\n  options = { merge: false }\n) {\n  const [state, setState] = useState(() => {\n    try {\n      const value = window.localStorage.getItem(key);\n\n      if (value) {\n        const saved = JSON.parse(value);\n\n        if (options.merge) {\n          return mergeData(defaultValue, saved);\n        }\n\n        return saved;\n      }\n      return typeof defaultValue === 'function' ? defaultValue() : defaultValue;\n    } catch (e) {\n      return defaultValue;\n    }\n  });\n\n  useEffect(() => {\n    try {\n      window.localStorage.setItem(key, JSON.stringify(state));\n    } catch (e) {\n      // Noop\n    }\n  }, [key, state]);\n\n  return [state, setState];\n}\n\nexport default useLocalStorage;\n","import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * This is just a wrapper function over the dispatch,\n * we want to pass any arguments back to the actual dispatch and\n * when a component un-mounts we should no longer dispatch.\n * This tells a component that it is ok to still dispatch and prevents\n * memory leaks when the component un-mounts.\n *\n * Using `safeDispatch` prevents this error:\n * \"Warning: Can’t perform a React state update on an unmounted component.\"\n *\n * This helps when we have async behavior where we call an async API call,\n * then based on the async response, we set the state. But if the component\n * unmounts before the API call resolves, we don't want to set the state.\n * */\nexport const useSafeDispatch = (dispatch) => {\n  const mountedRef = useRef(false);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  return useCallback(\n    (...args) => (mountedRef.current ? dispatch(...args) : () => {}),\n    [dispatch]\n  );\n};\n\nexport default useSafeDispatch;\n","import { useRef, useCallback, useEffect, useState } from 'react';\n\n/**\n * The `useSafeState` hook acts the same as React's `useState`,\n * where we can set the initial state, and it returns (1) the current state,\n * and (2) the state setter.\n *\n * But with `useSafeState`, it will only set the state when the component is mounted\n * in order to prevent memory leaks and avoid this warning:\n * \"Warning: Can’t perform a React state update on an unmounted component.\"\n * When a component is unmounted, we don't want to set the state.\n *\n * This helps when we have async behavior where we call an async API call,\n * then based on the async response, we set the state. But if the component\n * unmounts before the API call resolves, we don't want to set the state.\n * */\nexport const useSafeState = (initialState) => {\n  const mountedRef = useRef(false);\n  const [state, setState] = useState(initialState);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  const setSafeState = useCallback(\n    (args) => (mountedRef.current ? setState(args) : () => {}),\n    []\n  );\n\n  return [state, setSafeState];\n};\n\nexport default useSafeState;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SvgNavigationProfileHighlightedMedium = React.forwardRef(\n  ({ color, size, title, titleId, ...props }, ref) => (\n    <svg\n      fill={color}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 32 32\"\n      ref={ref}\n      width={size}\n      height={size}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        d=\"M16 17.825a6.825 6.825 0 100-13.65 6.825 6.825 0 000 13.65zm13.383 8.422l-1.234-2.32a8.852 8.852 0 00-7.833-4.7h-8.632a8.852 8.852 0 00-7.833 4.7l-1.234 2.32A3.826 3.826 0 006 31.871h20.01a3.826 3.826 0 003.378-5.624z\"\n        fill=\"\"\n      />\n    </svg>\n  )\n);\nSvgNavigationProfileHighlightedMedium.defaultProps = {\n  color: 'currentColor',\n  size: 32,\n  title: undefined,\n  titleId: undefined\n};\nSvgNavigationProfileHighlightedMedium.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.number,\n  title: PropTypes.string,\n  titleId: PropTypes.string\n};\nexport default SvgNavigationProfileHighlightedMedium;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SvgBadgesMulticolorSuperuserSmall = React.forwardRef(\n  ({ color, size, title, titleId, ...props }, ref) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      ref={ref}\n      fill={color}\n      width={size}\n      height={size}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill=\"#FEFEFE\"\n          d=\"M.844.999C.584.561.894 0 1.394 0h14.721a.32.32 0 01.275.159l7.021 11.842-7.021 11.842a.324.324 0 01-.275.159H1.395c-.502 0-.81-.561-.551-1L7.365 12 .844.999z\"\n        />\n        <path\n          fill=\"#FC4C02\"\n          d=\"M16.562 12h-2.229L8.979 3H5.826l5.465 9H9.044L2.987 2.006a.333.333 0 01.285-.506h11.76c.234 0 .45.122.57.321l6.17 10.18h-2.17L14.25 2.974h-3.153L16.562 12z\"\n        />\n        <path\n          fill=\"#CF4017\"\n          d=\"M19.602 12h2.17l-6.17 10.18a.666.666 0 01-.57.32H3.272a.333.333 0 01-.285-.506L9.044 12h2.247l-5.439 9H9l5.333-9h2.229l-5.44 9h3.15l5.33-9z\"\n        />\n      </g>\n    </svg>\n  )\n);\nSvgBadgesMulticolorSuperuserSmall.defaultProps = {\n  color: 'currentColor',\n  size: 24,\n  title: undefined,\n  titleId: undefined\n};\nSvgBadgesMulticolorSuperuserSmall.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.number,\n  title: PropTypes.string,\n  titleId: PropTypes.string\n};\nexport default SvgBadgesMulticolorSuperuserSmall;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SvgBadgesMulticolorSummitSmall = React.forwardRef(\n  ({ color, size, title, titleId, ...props }, ref) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      ref={ref}\n      fill={color}\n      width={size}\n      height={size}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill=\"#FEFEFE\"\n          d=\"M.844.999C.584.561.894 0 1.394 0h14.721a.32.32 0 01.275.159l7.021 11.842-7.021 11.842a.324.324 0 01-.275.159H1.395c-.502 0-.81-.561-.551-1L7.365 12 .844.999z\"\n        />\n        <path\n          fill=\"#FC4C02\"\n          d=\"M21.772 12l-6.17-10.179a.67.67 0 00-.57-.321H3.272c-.26 0-.42.284-.285.507L9.044 12h12.728z\"\n        />\n        <path\n          fill=\"#CF4017\"\n          d=\"M2.987 21.994L9.044 12h12.728l-6.17 10.179a.67.67 0 01-.57.32H3.272a.334.334 0 01-.285-.506\"\n        />\n      </g>\n    </svg>\n  )\n);\nSvgBadgesMulticolorSummitSmall.defaultProps = {\n  color: 'currentColor',\n  size: 24,\n  title: undefined,\n  titleId: undefined\n};\nSvgBadgesMulticolorSummitSmall.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.number,\n  title: PropTypes.string,\n  titleId: PropTypes.string\n};\nexport default SvgBadgesMulticolorSummitSmall;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SvgBadgesMulticolorProSmall = React.forwardRef(\n  ({ color, size, title, titleId, ...props }, ref) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      ref={ref}\n      fill={color}\n      width={size}\n      height={size}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill=\"#FEFEFE\"\n          d=\"M.844.999C.584.561.894 0 1.394 0h14.721a.32.32 0 01.275.159l7.021 11.842-7.021 11.842a.324.324 0 01-.275.159H1.395c-.502 0-.81-.561-.551-1L7.365 12 .844.999z\"\n        />\n        <path\n          fill=\"#FC4C02\"\n          d=\"M16.408 12L9.982 1.5h5.05c.234 0 .45.121.571.321L21.771 12h-5.363zm-1.5 0H9.044L2.988 2.005a.332.332 0 01.284-.505h5.19L14.908 12z\"\n        />\n        <path\n          fill=\"#CF4017\"\n          d=\"M14.908 12l-6.44 10.5H3.272a.333.333 0 01-.285-.506l6.057-9.995h5.863V12zm1.5 0h5.362l-6.168 10.178a.666.666 0 01-.57.321H9.99L16.408 12z\"\n        />\n      </g>\n    </svg>\n  )\n);\nSvgBadgesMulticolorProSmall.defaultProps = {\n  color: 'currentColor',\n  size: 24,\n  title: undefined,\n  titleId: undefined\n};\nSvgBadgesMulticolorProSmall.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.number,\n  title: PropTypes.string,\n  titleId: PropTypes.string\n};\nexport default SvgBadgesMulticolorProSmall;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SvgBadgesMulticolorVerifiedSmall = React.forwardRef(\n  ({ color, size, title, titleId, ...props }, ref) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      ref={ref}\n      fill={color}\n      width={size}\n      height={size}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill=\"#FEFEFE\"\n          d=\"M23.79 9.713L20.724 7.14l-.696-3.94a.592.592 0 00-.582-.49h-4L12.38.14A.596.596 0 0012 0a.597.597 0 00-.38.14L8.555 2.71H4.553a.592.592 0 00-.582.49l-.694 3.94L.21 9.713a.593.593 0 00-.132.748l2 3.465-.694 3.94a.593.593 0 00.38.659l3.76 1.368 2.001 3.466a.59.59 0 00.714.26l3.76-1.37 3.76 1.37a.595.595 0 00.715-.26l2-3.466 3.76-1.368a.591.591 0 00.38-.659l-.695-3.94 2.001-3.465a.591.591 0 00-.132-.748\"\n        />\n        <path\n          fill=\"#FC4C02\"\n          d=\"M22.154 10.011a.51.51 0 01.113.644l-1.718 2.974.597 3.384a.508.508 0 01-.327.566l-3.228 1.174-1.719 2.976a.505.505 0 01-.613.224l-3.23-1.175-3.228 1.175a.505.505 0 01-.614-.224L6.47 18.753 3.24 17.58a.508.508 0 01-.327-.566l.597-3.384-1.72-2.974a.508.508 0 01.115-.644l2.632-2.21.597-3.383a.507.507 0 01.5-.42H9.07l2.633-2.208a.505.505 0 01.652 0l2.633 2.208h3.436c.246 0 .456.177.5.42l.597 3.384 2.632 2.21zM16.07 8.705l-5.52 5.52-2.456-2.458a.856.856 0 00-1.211 1.211l3.062 3.063a.856.856 0 001.211 0l6.125-6.125a.856.856 0 00-1.21-1.211z\"\n        />\n      </g>\n    </svg>\n  )\n);\nSvgBadgesMulticolorVerifiedSmall.defaultProps = {\n  color: 'currentColor',\n  size: 24,\n  title: undefined,\n  titleId: undefined\n};\nSvgBadgesMulticolorVerifiedSmall.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.number,\n  title: PropTypes.string,\n  titleId: PropTypes.string\n};\nexport default SvgBadgesMulticolorVerifiedSmall;\n","// extracted by mini-css-extract-plugin\nexport default {\"avatar\":\"Avatar--avatar--0cH8u\",\"img-wrapper\":\"Avatar--img-wrapper--uEKlj\",\"imgWrapper\":\"Avatar--img-wrapper--uEKlj\",\"badge\":\"Avatar--badge--dPtDC\",\"athlete\":\"Avatar--athlete--sA9o6\",\"xsmall\":\"Avatar--xsmall--pBfF6\",\"small\":\"Avatar--small--UyvKr\",\"large\":\"Avatar--large--+f+X2\",\"xlarge\":\"Avatar--xlarge--CUpYU\",\"club\":\"Avatar--club--wlZQJ\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useSafeState } from '@strava/react-hooks';\n\nimport AvatarFallback from '@strava/icons/NavigationProfileHighlightedMedium';\n\nimport EmployeeBadge from '@strava/icons/BadgesMulticolorSuperuserSmall';\nimport SubscriberBadge from '@strava/icons/BadgesMulticolorSummitSmall';\nimport ProBadge from '@strava/icons/BadgesMulticolorProSmall';\nimport VerifiedBadge from '@strava/icons/BadgesMulticolorVerifiedSmall';\n\nimport styles from './styles.scss';\n\nconst Img = ({ src, alt, title, fallback }) => {\n  const [children, setChildren] = useSafeState(null);\n\n  useEffect(() => {\n    let image = new Image();\n    image.onload = () => {\n      setChildren(<img src={src} alt={alt} title={title} />);\n    };\n    image.onerror = () => {\n      setChildren(fallback);\n    };\n    image.src = src;\n    return () => {\n      image = null;\n    };\n  }, [src, alt, title, fallback]);\n\n  return children;\n};\n\nImg.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  fallback: PropTypes.node\n};\n\nImg.defaultProps = {\n  fallback: null\n};\n\nfunction getBadge(badge) {\n  switch (badge) {\n    case 'ambassador':\n      return <ProBadge />;\n    case 'employee':\n      return <EmployeeBadge />;\n    case 'subscriber':\n    case 'premium':\n      return <SubscriberBadge />;\n    case 'pro':\n      return <ProBadge />;\n    case 'verified':\n      return <VerifiedBadge />;\n    default:\n      return null;\n  }\n}\n/**\n * Prop Deprecation Warning: We are slowly deprecating the `name` prop in favor of the `title` prop\n * so that the React props match up to the element's attribute.\n * */\nconst Avatar = ({\n  name,\n  alt,\n  title,\n  type,\n  src,\n  size,\n  badge,\n  href,\n  className: classNameProp,\n  ...otherProps\n}) => {\n  const classNames = [styles.avatar, styles[type]];\n  if (styles[size]) {\n    classNames.push(styles[size]);\n  }\n  if (classNameProp) {\n    classNames.push(classNameProp);\n  }\n\n  // TODO: uncomment when existing Avatar usage is refactored. Otherwise, there will be a lot of warning in the console.\n  // if (name || process.env.NODE_ENV !== 'production') {\n  //   console.warn(\n  //     '[Prop Deprecation Warning] Deprecating the `name` prop in favor of the `title`.'\n  //   );\n  // }\n\n  const children = (\n    <>\n      {badge && <div className={styles.badge}>{getBadge(badge)}</div>}\n      <div className={styles.imgWrapper}>\n        <Img\n          src={src}\n          alt={alt}\n          title={title || name}\n          fallback={type === 'athlete' ? <AvatarFallback /> : null}\n        />\n      </div>\n    </>\n  );\n\n  if (href) {\n    return (\n      <a href={href} className={classNames.join(' ')} {...otherProps}>\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <div className={classNames.join(' ')} {...otherProps}>\n      {children}\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  name: PropTypes.string,\n  alt: PropTypes.string,\n  title: PropTypes.string,\n  href: PropTypes.string,\n  src: PropTypes.string.isRequired,\n  type: PropTypes.oneOf(['athlete', 'club']).isRequired,\n  size: PropTypes.oneOf(['xsmall', 'small', 'default', 'large', 'xlarge']),\n  badge: PropTypes.oneOf([\n    '', // in some cases active has member_type as empty string for default users\n    'ambassador',\n    'employee',\n    'subscriber',\n    'premium', // legacy name referring to 'subscriber', used in active\n    'pro',\n    'verified'\n  ]),\n  className: PropTypes.string\n};\n\nAvatar.defaultProps = {\n  name: null,\n  href: null,\n  alt: '',\n  title: null,\n  size: null,\n  badge: null,\n  className: null\n};\n\nexport default Avatar;\n"],"names":["useSafeDispatch","dispatch","mountedRef","useRef","useEffect","current","useCallback","useSafeState","initialState","useState","state","setState","args","SvgNavigationProfileHighlightedMedium","React","ref","color","size","title","titleId","props","fill","xmlns","viewBox","width","height","id","d","defaultProps","undefined","propTypes","PropTypes","SvgBadgesMulticolorSuperuserSmall","fillRule","SvgBadgesMulticolorSummitSmall","SvgBadgesMulticolorProSmall","SvgBadgesMulticolorVerifiedSmall","Img","src","alt","fallback","children","setChildren","image","Image","onload","onerror","Avatar","name","type","badge","href","classNameProp","className","otherProps","classNames","styles","avatar","push","getBadge","imgWrapper","join","isRequired"],"sourceRoot":""}