{"version":3,"sources":["webpack:///./src/utils/createCanonicalUrl.js","webpack:///./src/utils/toCommaSeparatedList.js","webpack:///./src/templates/components/NavigationFooter/NavigationFooter.js","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es.string.link.js","webpack:///./node_modules/gatsby-plugin-google-analytics/index.js","webpack:///./src/components/FeedbackForm/index.js","webpack:///./src/templates/docs.js","webpack:///./src/components/MarkdownPage/MarkdownPage.js","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es.function.name.js","webpack:///./src/components/FeedbackForm/FeedbackForm.js","webpack:///./src/components/MarkdownPage/index.js","webpack:///./src/templates/components/NavigationFooter/index.js"],"names":["slug","urlRoot","replace","addString","list","string","push","key","length","toCommaSeparatedList","array","renderCallback","map","forEach","item","index","NavigationFooter","next","prev","location","css","background","colors","dark","color","white","paddingTop","paddingBottom","type","halign","media","between","paddingRight","basis","SecondaryLabel","PrimaryLink","to","id","title","textAlign","propTypes","PropTypes","shape","isRequired","children","updatedUrl","pathname","display","borderColor","subtle","transition","fontSize","borderBottomWidth","borderBottomStyle","lessThan","size","brand","fonts","small","$","createHTML","target","proto","forced","forcedStringHTMLMethod","link","url","this","_interopRequireDefault","require","exports","__esModule","OutboundLink","trackCustomEvent","_ref","category","action","label","value","_ref$nonInteraction","nonInteraction","transport","hitCallback","_ref$callbackTimeout","callbackTimeout","window","ga","trackingEventOptions","eventCategory","eventAction","eventLabel","eventValue","callback","opt_timeout","called","raceCallback","setTimeout","createFunctionWithTimeout","_extends2","_objectWithoutPropertiesLoose2","_react","_propTypes","props","rest","default","createElement","onClick","e","redirect","button","altKey","ctrlKey","metaKey","shiftKey","defaultPrevented","toLowerCase","href","document","number","func","FeedbackForm","Docs","data","createLink","createLinkDocs","markdownRemark","sectionList","sectionListDocs","titlePostfix","object","pageQuery","getPageById","templateFile","sectionItems","section","items","flattenedSectionItems","concat","apply","linkId","find","MarkdownPage","authors","date","enableScrollSync","ogDescription","hasAuthors","titlePrefix","frontmatter","direction","grow","shrink","width","flex","position","zIndex","scrollMarginTop","header","ogType","canonicalUrl","createCanonicalUrl","fields","sharedStyles","articleLayout","container","marginTop","lineHeight","author","name","content","markdown","dangerouslySetInnerHTML","__html","html","path","whiteSpace","marginRight","editLink","sidebar","defaultActiveSection","findSectionForPath","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","configurable","get","call","match","error","useState","feedbackGiven","setFeedbackGiven","feedbackButton","marginLeft","aria-label","preventDefault","transform","focusable","xmlns","viewBox","d"],"mappings":"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","file":"component---src-templates-docs-js-4759b63989dc3df5ad95.js","sourcesContent":["/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport {urlRoot} from 'site-constants';\n\nexport default (slug: string): string | null =>\n  slug == null ? null : `${urlRoot}/${slug.replace(/^\\//, '')}`;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport React from 'react';\n\nimport type {Node} from 'react';\n\nconst addString = (list: Array<Node>, string: string) =>\n  list.push(<span key={`${list.length}-${string}`}>{string}</span>);\n\nconst toCommaSeparatedList = (\n  array: Array<any>,\n  renderCallback: Function,\n): Array<any> => {\n  if (array.length <= 1) {\n    return array.map(renderCallback);\n  }\n\n  const list = [];\n\n  array.forEach((item, index) => {\n    if (index === array.length - 1) {\n      addString(list, array.length === 2 ? ' and ' : ', and ');\n      list.push(renderCallback(item, index));\n    } else if (index > 0) {\n      addString(list, ', ');\n      list.push(renderCallback(item, index));\n    } else {\n      list.push(renderCallback(item, index));\n    }\n  });\n\n  return list;\n};\n\nexport default toCommaSeparatedList;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Container from 'components/Container';\nimport Flex from 'components/Flex';\nimport {Link} from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {colors, fonts, media} from 'theme';\n\nconst NavigationFooter = ({next, prev, location}) => {\n  return (\n    <div\n      css={{\n        background: colors.dark,\n        color: colors.white,\n        paddingTop: 50,\n        paddingBottom: 50,\n      }}>\n      <Container>\n        <Flex\n          type=\"ul\"\n          halign=\"space-between\"\n          css={{\n            [media.between('small', 'medium')]: {\n              paddingRight: 240,\n            },\n\n            [media.between('large', 'largerSidebar')]: {\n              paddingRight: 280,\n            },\n\n            [media.between('largerSidebar', 'sidebarFixed', true)]: {\n              paddingRight: 380,\n            },\n          }}>\n          <Flex basis=\"50%\" type=\"li\">\n            {prev && (\n              <div>\n                <SecondaryLabel>Previous article</SecondaryLabel>\n                <div\n                  css={{\n                    paddingTop: 10,\n                  }}>\n                  <PrimaryLink location={location} to={`${prev.id}.html`}>\n                    {prev.title}\n                  </PrimaryLink>\n                </div>\n              </div>\n            )}\n          </Flex>\n          {next && (\n            <Flex\n              halign=\"flex-end\"\n              basis=\"50%\"\n              type=\"li\"\n              css={{\n                textAlign: 'right',\n              }}>\n              <div>\n                <SecondaryLabel>Next article</SecondaryLabel>\n                <div\n                  css={{\n                    paddingTop: 10,\n                  }}>\n                  <PrimaryLink location={location} to={`${next.id}.html`}>\n                    {next.title}\n                  </PrimaryLink>\n                </div>\n              </div>\n            </Flex>\n          )}\n        </Flex>\n      </Container>\n    </div>\n  );\n};\n\nNavigationFooter.propTypes = {\n  next: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n  }),\n  prev: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n  }),\n};\n\nexport default NavigationFooter;\n\nconst PrimaryLink = ({children, to, location}) => {\n  // quick fix\n  // TODO: replace this with better method of getting correct full url\n  const updatedUrl =\n    (location && location.pathname.replace(/\\/[^/]+\\.html/, '/' + to)) || to;\n  return (\n    <Link\n      css={{\n        display: 'inline',\n        borderColor: colors.subtle,\n        transition: 'border-color 0.2s ease',\n        fontSize: 30,\n        borderBottomWidth: 1,\n        borderBottomStyle: 'solid',\n\n        [media.lessThan('large')]: {\n          fontSize: 24,\n        },\n        [media.size('xsmall')]: {\n          fontSize: 16,\n        },\n        ':hover': {\n          borderColor: colors.white,\n        },\n      }}\n      to={updatedUrl}>\n      {children}\n    </Link>\n  );\n};\n\nconst SecondaryLabel = ({children}) => (\n  <div\n    css={{\n      color: colors.brand,\n      ...fonts.small,\n    }}>\n    {children}\n  </div>\n);\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.OutboundLink = OutboundLink;\nexports.trackCustomEvent = trackCustomEvent;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar createFunctionWithTimeout = function createFunctionWithTimeout(callback, opt_timeout) {\n  if (opt_timeout === void 0) {\n    opt_timeout = 1000;\n  }\n\n  var called = false;\n\n  var raceCallback = function raceCallback() {\n    if (!called) {\n      called = true;\n      callback();\n    }\n  };\n\n  setTimeout(raceCallback, opt_timeout);\n  return raceCallback;\n};\n\nfunction OutboundLink(props) {\n  var eventCategory = props.eventCategory,\n      eventAction = props.eventAction,\n      eventLabel = props.eventLabel,\n      eventValue = props.eventValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"eventCategory\", \"eventAction\", \"eventLabel\", \"eventValue\"]);\n  return /*#__PURE__*/_react.default.createElement(\"a\", (0, _extends2.default)({}, rest, {\n    onClick: function onClick(e) {\n      if (typeof props.onClick === \"function\") {\n        props.onClick(e);\n      }\n\n      var redirect = true;\n\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.defaultPrevented) {\n        redirect = false;\n      }\n\n      if (props.target && props.target.toLowerCase() !== \"_self\") {\n        redirect = false;\n      }\n\n      if (window.ga) {\n        window.ga(\"send\", \"event\", {\n          eventCategory: eventCategory || \"Outbound Link\",\n          eventAction: eventAction || \"click\",\n          eventLabel: eventLabel || props.href,\n          eventValue: eventValue,\n          transport: redirect ? \"beacon\" : \"\",\n          hitCallback: function hitCallback() {\n            if (redirect) {\n              document.location = props.href;\n            }\n          }\n        });\n      } else {\n        if (redirect) {\n          document.location = props.href;\n        }\n      }\n\n      return false;\n    }\n  }));\n}\n\nOutboundLink.propTypes = {\n  href: _propTypes.default.string,\n  target: _propTypes.default.string,\n  eventCategory: _propTypes.default.string,\n  eventAction: _propTypes.default.string,\n  eventLabel: _propTypes.default.string,\n  eventValue: _propTypes.default.number,\n  onClick: _propTypes.default.func\n};\n/**\n * This allows the user to create custom events within their Gatsby projects.\n *\n * @param {import('gatsby-plugin-google-analytics').CustomEventArgs} args\n * @see https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#events\n */\n\nfunction trackCustomEvent(_ref) {\n  var category = _ref.category,\n      action = _ref.action,\n      label = _ref.label,\n      value = _ref.value,\n      _ref$nonInteraction = _ref.nonInteraction,\n      nonInteraction = _ref$nonInteraction === void 0 ? false : _ref$nonInteraction,\n      transport = _ref.transport,\n      hitCallback = _ref.hitCallback,\n      _ref$callbackTimeout = _ref.callbackTimeout,\n      callbackTimeout = _ref$callbackTimeout === void 0 ? 1000 : _ref$callbackTimeout;\n\n  if (typeof window !== \"undefined\" && window.ga) {\n    var trackingEventOptions = {\n      eventCategory: category,\n      eventAction: action,\n      eventLabel: label,\n      eventValue: value,\n      nonInteraction: nonInteraction,\n      transport: transport\n    };\n\n    if (hitCallback && typeof hitCallback === \"function\") {\n      trackingEventOptions.hitCallback = createFunctionWithTimeout(hitCallback, callbackTimeout);\n    }\n\n    window.ga(\"send\", \"event\", trackingEventOptions);\n  }\n}","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport FeedbackForm from './FeedbackForm';\n\nexport default FeedbackForm;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport MarkdownPage from 'components/MarkdownPage';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {graphql} from 'gatsby';\nimport Layout from 'components/Layout';\nimport {createLinkDocs} from 'utils/createLink';\nimport {sectionListDocs} from 'utils/sectionList';\n\nconst Docs = ({data, location}) => (\n  <Layout location={location}>\n    <MarkdownPage\n      createLink={createLinkDocs}\n      location={location}\n      markdownRemark={data.markdownRemark}\n      sectionList={sectionListDocs}\n      titlePostfix=\" &ndash; React\"\n    />\n  </Layout>\n);\n\nDocs.propTypes = {\n  data: PropTypes.object.isRequired,\n};\n\nexport const pageQuery = graphql`\n  query TemplateDocsMarkdown($slug: String!) {\n    markdownRemark(fields: {slug: {eq: $slug}}) {\n      html\n      frontmatter {\n        title\n        next\n        prev\n      }\n      fields {\n        path\n        slug\n      }\n    }\n  }\n`;\n\nexport default Docs;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport Container from 'components/Container';\nimport Flex from 'components/Flex';\nimport MarkdownHeader from 'components/MarkdownHeader';\nimport NavigationFooter from 'templates/components/NavigationFooter';\n// $FlowFixMe Update Flow\nimport React from 'react';\nimport StickyResponsiveSidebar from 'components/StickyResponsiveSidebar';\nimport TitleAndMetaTags from 'components/TitleAndMetaTags';\nimport FeedbackForm from 'components/FeedbackForm';\nimport findSectionForPath from 'utils/findSectionForPath';\nimport toCommaSeparatedList from 'utils/toCommaSeparatedList';\nimport createCanonicalUrl from 'utils/createCanonicalUrl';\nimport {sharedStyles, colors, media, fonts} from 'theme';\n\nimport type {Node} from 'types';\n\ntype Props = {\n  authors: Array<string>,\n  createLink: Function, // TODO: Add better flow type once we Flow-type createLink\n  date?: string,\n  enableScrollSync?: boolean,\n  ogDescription: string,\n  location: Location,\n  markdownRemark: Node,\n  sectionList: Array<Object>, // TODO: Add better flow type once we have the Section component\n  titlePostfix: string,\n};\n\nconst getPageById = (sectionList: Array<Object>, templateFile: ?string) => {\n  if (!templateFile) {\n    return null;\n  }\n\n  const sectionItems = sectionList.map(section => section.items);\n  const flattenedSectionItems = [].concat.apply([], sectionItems);\n  const linkId = templateFile.replace('.html', '');\n\n  return flattenedSectionItems.find(item => item.id === linkId);\n};\n\nconst MarkdownPage = ({\n  authors = [],\n  createLink,\n  date,\n  enableScrollSync,\n  ogDescription,\n  location,\n  markdownRemark,\n  sectionList,\n  titlePostfix = '',\n}: Props) => {\n  const hasAuthors = authors.length > 0;\n  const titlePrefix = markdownRemark.frontmatter.title || '';\n\n  const prev = getPageById(sectionList, markdownRemark.frontmatter.prev);\n  const next = getPageById(sectionList, markdownRemark.frontmatter.next);\n\n  return (\n    <Flex\n      direction=\"column\"\n      grow=\"1\"\n      shrink=\"0\"\n      halign=\"stretch\"\n      css={{\n        width: '100%',\n        flex: '1 0 auto',\n        position: 'relative',\n        zIndex: 0,\n        '& h1, & h2, & h3, & h4, & h5, & h6': {\n          scrollMarginTop: fonts.header.fontSize,\n\n          [media.lessThan('medium')]: {\n            scrollMarginTop: fonts.header[media.lessThan('medium')].fontSize,\n          },\n        },\n      }}>\n      <TitleAndMetaTags\n        ogDescription={ogDescription}\n        ogType=\"article\"\n        canonicalUrl={createCanonicalUrl(markdownRemark.fields.slug)}\n        title={`${titlePrefix}${titlePostfix}`}\n      />\n      <div css={{flex: '1 0 auto'}}>\n        <Container>\n          <div css={sharedStyles.articleLayout.container}>\n            <Flex type=\"article\" direction=\"column\" grow=\"1\" halign=\"stretch\">\n              <MarkdownHeader title={titlePrefix} />\n\n              {(date || hasAuthors) && (\n                <div css={{marginTop: 15}}>\n                  {date}{' '}\n                  {hasAuthors && (\n                    <span css={{lineHeight: 1.75}}>\n                      by{' '}\n                      {toCommaSeparatedList(authors, author => (\n                        <a\n                          css={sharedStyles.link}\n                          href={author.frontmatter.url}\n                          key={author.frontmatter.name}>\n                          {author.frontmatter.name}\n                        </a>\n                      ))}\n                    </span>\n                  )}\n                </div>\n              )}\n\n              <div css={sharedStyles.articleLayout.content}>\n                <div\n                  css={[sharedStyles.markdown]}\n                  dangerouslySetInnerHTML={{__html: markdownRemark.html}}\n                />\n\n                {markdownRemark.fields.path && (\n                  <div css={{marginTop: 80}}>\n                    <span\n                      css={{\n                        whiteSpace: 'nowrap',\n                        paddingBottom: '1em',\n                        marginRight: '36px',\n                        display: 'inline-block',\n                        color: colors.subtle,\n                      }}>\n                      <FeedbackForm />\n                    </span>\n                    <a\n                      css={sharedStyles.articleLayout.editLink}\n                      href={`https://github.com/reactjs/reactjs.org/tree/main/${markdownRemark.fields.path}`}>\n                      Edit this page\n                    </a>\n                  </div>\n                )}\n              </div>\n            </Flex>\n\n            <div css={sharedStyles.articleLayout.sidebar}>\n              <StickyResponsiveSidebar\n                enableScrollSync={enableScrollSync}\n                createLink={createLink}\n                defaultActiveSection={findSectionForPath(\n                  location.pathname,\n                  sectionList,\n                )}\n                location={location}\n                sectionList={sectionList}\n              />\n            </div>\n          </div>\n        </Container>\n      </div>\n\n      {(next || prev) && (\n        <NavigationFooter location={location} next={next} prev={prev} />\n      )}\n    </Flex>\n  );\n};\n\nexport default MarkdownPage;\n","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.github.io/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\n// $FlowExpectedError\nimport React, {useState} from 'react';\nimport {trackCustomEvent} from 'gatsby-plugin-google-analytics';\nimport {sharedStyles} from 'theme';\n\nconst FeedbackForm = () => {\n  const [feedbackGiven, setFeedbackGiven] = useState(false);\n\n  if (feedbackGiven) {\n    return 'Thanks for letting us know!';\n  } else {\n    return (\n      <span>\n        Is this page useful?\n        <button\n          css={[sharedStyles.articleLayout.feedbackButton, {marginLeft: '6px'}]}\n          aria-label=\"Yes\"\n          onClick={e => {\n            e.preventDefault();\n            trackCustomEvent({\n              category: 'Feedback Button',\n              action: 'feedback',\n              label: window.location.pathname,\n              value: 1,\n            });\n            setFeedbackGiven(true);\n          }}>\n          <svg\n            css={{\n              transform: 'translateY(0.1em)',\n            }}\n            focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 81.13 89.76\">\n            <path d=\"M22.9 6a18.57 18.57 0 002.67 8.4 25.72 25.72 0 008.65 7.66c3.86 2 8.67 7.13 13.51 11 3.86 3.11 8.57 7.11 11.54 8.45s13.59.26 14.64 1.17c1.88 1.63 1.55 9-.11 15.25-1.61 5.86-5.96 10.55-6.48 16.86-.4 4.83-2.7 4.88-10.93 4.88h-1.35c-3.82 0-8.24 2.93-12.92 3.62a68 68 0 01-9.73.5c-3.57 0-7.86-.08-13.25-.08-3.56 0-4.71-1.83-4.71-4.48h8.42a3.51 3.51 0 000-7H12.28a2.89 2.89 0 01-2.88-2.88 1.91 1.91 0 01.77-1.78h16.46a3.51 3.51 0 000-7H12.29c-3.21 0-4.84-1.83-4.84-4a6.41 6.41 0 011.17-3.78h19.06a3.5 3.5 0 100-7H9.75A3.51 3.51 0 016 42.27a3.45 3.45 0 013.75-3.48h13.11c5.61 0 7.71-3 5.71-5.52-4.43-4.74-10.84-12.62-11-18.71-.15-6.51 2.6-7.83 5.36-8.56m0-6a6.18 6.18 0 00-1.53.2c-6.69 1.77-10 6.65-9.82 14.5.08 5.09 2.99 11.18 8.52 18.09H9.74a9.52 9.52 0 00-6.23 16.9 12.52 12.52 0 00-2.07 6.84 9.64 9.64 0 003.65 7.7 7.85 7.85 0 00-1.7 5.13 8.9 8.9 0 005.3 8.13 6 6 0 00-.26 1.76c0 6.37 4.2 10.48 10.71 10.48h13.25a73.75 73.75 0 0010.6-.56 35.89 35.89 0 007.58-2.18 17.83 17.83 0 014.48-1.34h1.35c4.69 0 7.79 0 10.5-1 3.85-1.44 6-4.59 6.41-9.38.2-2.46 1.42-4.85 2.84-7.62a41.3 41.3 0 003.42-8.13 48 48 0 001.59-10.79c.1-5.13-1-8.48-3.35-10.55-2.16-1.87-4.64-1.87-9.6-1.88a46.86 46.86 0 01-6.64-.29c-1.92-.94-5.72-4-8.51-6.3l-1.58-1.28c-1.6-1.3-3.27-2.79-4.87-4.23-3.33-3-6.47-5.79-9.61-7.45a20.2 20.2 0 01-6.43-5.53 12.44 12.44 0 01-1.72-5.36 6 6 0 00-6-5.86z\" />\n          </svg>\n        </button>\n        <button\n          css={[sharedStyles.articleLayout.feedbackButton, {marginLeft: '3px'}]}\n          aria-label=\"No\"\n          onClick={e => {\n            e.preventDefault();\n            trackCustomEvent({\n              category: 'Feedback Button',\n              action: 'feedback',\n              label: window.location.pathname,\n              value: 0,\n            });\n            setFeedbackGiven(true);\n          }}>\n          <svg\n            css={{\n              transform: 'scale(-1, -1) translateY(-.6em)',\n            }}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 81.13 89.76\">\n            <path d=\"M22.9 6a18.57 18.57 0 002.67 8.4 25.72 25.72 0 008.65 7.66c3.86 2 8.67 7.13 13.51 11 3.86 3.11 8.57 7.11 11.54 8.45s13.59.26 14.64 1.17c1.88 1.63 1.55 9-.11 15.25-1.61 5.86-5.96 10.55-6.48 16.86-.4 4.83-2.7 4.88-10.93 4.88h-1.35c-3.82 0-8.24 2.93-12.92 3.62a68 68 0 01-9.73.5c-3.57 0-7.86-.08-13.25-.08-3.56 0-4.71-1.83-4.71-4.48h8.42a3.51 3.51 0 000-7H12.28a2.89 2.89 0 01-2.88-2.88 1.91 1.91 0 01.77-1.78h16.46a3.51 3.51 0 000-7H12.29c-3.21 0-4.84-1.83-4.84-4a6.41 6.41 0 011.17-3.78h19.06a3.5 3.5 0 100-7H9.75A3.51 3.51 0 016 42.27a3.45 3.45 0 013.75-3.48h13.11c5.61 0 7.71-3 5.71-5.52-4.43-4.74-10.84-12.62-11-18.71-.15-6.51 2.6-7.83 5.36-8.56m0-6a6.18 6.18 0 00-1.53.2c-6.69 1.77-10 6.65-9.82 14.5.08 5.09 2.99 11.18 8.52 18.09H9.74a9.52 9.52 0 00-6.23 16.9 12.52 12.52 0 00-2.07 6.84 9.64 9.64 0 003.65 7.7 7.85 7.85 0 00-1.7 5.13 8.9 8.9 0 005.3 8.13 6 6 0 00-.26 1.76c0 6.37 4.2 10.48 10.71 10.48h13.25a73.75 73.75 0 0010.6-.56 35.89 35.89 0 007.58-2.18 17.83 17.83 0 014.48-1.34h1.35c4.69 0 7.79 0 10.5-1 3.85-1.44 6-4.59 6.41-9.38.2-2.46 1.42-4.85 2.84-7.62a41.3 41.3 0 003.42-8.13 48 48 0 001.59-10.79c.1-5.13-1-8.48-3.35-10.55-2.16-1.87-4.64-1.87-9.6-1.88a46.86 46.86 0 01-6.64-.29c-1.92-.94-5.72-4-8.51-6.3l-1.58-1.28c-1.6-1.3-3.27-2.79-4.87-4.23-3.33-3-6.47-5.79-9.61-7.45a20.2 20.2 0 01-6.43-5.53 12.44 12.44 0 01-1.72-5.36 6 6 0 00-6-5.86z\" />\n          </svg>\n        </button>\n      </span>\n    );\n  }\n};\n\nexport default FeedbackForm;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport MarkdownPage from './MarkdownPage';\n\nexport default MarkdownPage;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport NavigationFooter from './NavigationFooter';\n\nexport default NavigationFooter;\n"],"sourceRoot":""}