cozy-ui 111.21.0 → 112.1.0

package/react/Viewer/ViewersByFile/TextViewer.jsx

@@ -1,126 +0,0 @@
-import cx from 'classnames'
-import PropTypes from 'prop-types'
-import React from 'react'
-import ReactMarkdown from 'react-markdown'
-
-import { withClient, models } from 'cozy-client'
-
-import styles from './styles.styl'
-import { FileDoctype } from '../../proptypes'
-import NoViewer from '../NoViewer'
-import ViewerSpinner from '../components/ViewerSpinner'
-import { isFileEncrypted } from '../helpers'
-import withFileUrl from '../hoc/withFileUrl'
-
-const MarkdownRenderer = ({ text }) => (
-  <ReactMarkdown
-    className={cx(styles['viewer-textviewer-content'], 'u-p-1')}
-    source={text}
-  />
-)
-
-const PlainTextRenderer = ({ text }) => (
-  <pre
-    className={cx(styles['viewer-textviewer-content'], 'u-mh-auto', 'u-mv-2')}
-  >
-    {text}
-  </pre>
-)
-
-const Loader = () => {
-  return (
-    <div className={styles['viewer-textviewer']}>
-      <ViewerSpinner />
-    </div>
-  )
-}
-
-export const isMarkdown = file =>
-  file.mime === 'text/markdown' ||
-  /.md$/.test(file.name) ||
-  models.file.isNote(file)
-export class TextViewer extends React.Component {
-  state = {
-    text: '',
-    isMarkdown: false,
-    loading: true,
-    error: null
-  }
-  _mounted = false
-
-  componentDidMount() {
-    this._mounted = true
-    this.loadFile()
-  }
-
-  componentWillUnmount() {
-    this._mounted = false
-  }
-
-  async loadFile() {
-    const { url, file } = this.props
-    try {
-      let response
-      if (isFileEncrypted(file)) {
-        response = await fetch(url)
-      } else {
-        const { pathname } = new URL(url)
-        const client = this.props.client.getStackClient()
-        response = await client.fetch('GET', pathname)
-      }
-      const text = await response.text()
-
-      if (this._mounted) {
-        this.setState({
-          text,
-          isMarkdown: isMarkdown(file),
-          loading: false
-        })
-      }
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.warn(error)
-      if (this._mounted) {
-        this.setState({
-          loading: false,
-          error
-        })
-      }
-    }
-  }
-
-  render() {
-    const { loading, error, text, isMarkdown } = this.state
-    const { file, renderFallbackExtraContent } = this.props
-    if (loading) return <Loader />
-    else if (error)
-      return (
-        <NoViewer
-          file={file}
-          renderFallbackExtraContent={renderFallbackExtraContent}
-        />
-      )
-    else
-      return (
-        <div className={styles['viewer-textviewer']}>
-          <h2 className={cx(styles['viewer-filename'], 'u-mt-3', 'u-mb-1')}>
-            {file.name}
-          </h2>
-          {isMarkdown ? (
-            <MarkdownRenderer text={text} />
-          ) : (
-            <PlainTextRenderer text={text} />
-          )}
-        </div>
-      )
-  }
-}
-
-TextViewer.propTypes = {
-  client: PropTypes.object.isRequired,
-  url: PropTypes.string.isRequired,
-  file: FileDoctype.isRequired,
-  renderFallbackExtraContent: PropTypes.func
-}
-
-export default withFileUrl(withClient(TextViewer))

package/react/Viewer/ViewersByFile/TextViewer.spec.jsx

@@ -1,118 +0,0 @@
-import { shallow } from 'enzyme'
-import React from 'react'
-import renderer from 'react-test-renderer'
-
-import { createMockClient } from 'cozy-client'
-
-import { TextViewer, isMarkdown } from './TextViewer'
-import { BreakpointsProvider } from '../../providers/Breakpoints'
-
-const client = createMockClient({})
-
-const mockText = jest.fn()
-const mockFetch = responseText => async () => ({
-  text: mockText.mockResolvedValue(responseText)
-})
-
-client.stackClient.fetch = mockFetch('Text')
-
-const props = {
-  client,
-  url: 'https://foo.mycozy.cloud',
-  file: {
-    _id: '1',
-    _type: 'io.cozy.files',
-    name: 'My File'
-  }
-}
-
-describe('isMarkdown function', () => {
-  it('test markdown function', () => {
-    const note = {
-      name: 'My Note.cozy-note',
-      type: 'file',
-      metadata: {
-        content: 'my prosemirror content',
-        schema: '1',
-        title: 'prosemirror title',
-        version: '3'
-      }
-    }
-    expect(isMarkdown({ mime: 'text/markdown' })).toBe(true)
-    expect(isMarkdown({ name: 'text.md' })).toBe(true)
-    expect(isMarkdown(note)).toBe(true)
-    expect(isMarkdown({ name: 'text.txt' })).toBe(false)
-  })
-})
-describe('TextViewer Component', () => {
-  it('should display the loader ', () => {
-    const comp = shallow(<TextViewer {...props} />)
-    expect(comp).toMatchSnapshot()
-  })
-
-  it('should display the error component and render with renderFallback', () => {
-    const comp = renderer.create(
-      <BreakpointsProvider>
-        <TextViewer
-          {...props}
-          renderFallbackExtraContent={file => <span>{file.name}</span>}
-        />
-      </BreakpointsProvider>
-    )
-
-    const inst = comp.root.children[0].instance
-    inst.setState({ error: true, loading: false })
-    expect(comp.toJSON()).toMatchSnapshot()
-  })
-
-  it('should display the text viewer', () => {
-    const comp = renderer.create(
-      <BreakpointsProvider>
-        <TextViewer {...props} />
-      </BreakpointsProvider>
-    )
-
-    const inst = comp.root.children[0].instance
-    inst.setState({
-      loading: false,
-      isMarkdown: false,
-      text: 'The content of my file'
-    })
-    expect(comp.toJSON()).toMatchSnapshot()
-    expect(mockText).toHaveBeenCalled()
-  })
-
-  it('should display the markdown viewer', () => {
-    const comp = renderer.create(
-      <BreakpointsProvider>
-        <TextViewer {...props} />
-      </BreakpointsProvider>
-    )
-
-    const inst = comp.root.children[0].instance
-    inst.setState({
-      loading: false,
-      isMarkdown: true,
-      text: "It's very easy to make some words **bold** and other words *italic* with Markdown"
-    })
-    expect(comp.toJSON()).toMatchSnapshot()
-  })
-
-  it('should display the text viewer when an URL is given', () => {
-    const url = 'blob:http://foo.mycozy.cloud'
-    const comp = renderer.create(
-      <BreakpointsProvider>
-        <TextViewer {...props} url={url} />
-      </BreakpointsProvider>
-    )
-
-    const inst = comp.root.children[0].instance
-    inst.setState({
-      loading: false,
-      isMarkdown: false,
-      text: 'The content of my file'
-    })
-    expect(comp.toJSON()).toMatchSnapshot()
-    expect(mockText).toHaveBeenCalled()
-  })
-})

package/react/Viewer/ViewersByFile/VideoViewer.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-
-import styles from './styles.styl'
-import withFileUrl from '../hoc/withFileUrl'
-
-const VideoViewer = ({ file, url }) => (
-  <div className={styles['viewer-videoviewer']}>
-    <video src={url} controls="controls" />
-    <p className={styles['viewer-filename']}>{file.name}</p>
-  </div>
-)
-
-export default withFileUrl(VideoViewer)

package/react/Viewer/ViewersByFile/VideoViewer.spec.jsx

@@ -1,39 +0,0 @@
-import { render, waitFor } from '@testing-library/react'
-import React from 'react'
-
-import VideoViewer from './VideoViewer'
-import { BreakpointsProvider } from '../../providers/Breakpoints'
-import DemoProvider from '../docs/DemoProvider'
-
-const file = {
-  _id: 'video',
-  class: 'video',
-  mime: 'video/mp4',
-  name: 'sample.mp4'
-}
-
-const setup = () => {
-  const root = render(
-    <DemoProvider>
-      <BreakpointsProvider>
-        <VideoViewer file={file} />
-      </BreakpointsProvider>
-    </DemoProvider>
-  )
-
-  return { root }
-}
-
-describe('VideoViewer', () => {
-  it('should render a spinner then the video viewer', async () => {
-    const { root } = setup()
-    const { container, queryByRole } = root
-
-    expect(queryByRole('progressbar')).toBeTruthy()
-
-    await waitFor(() => {
-      expect(queryByRole('progressbar')).toBeFalsy()
-      expect(container).toMatchSnapshot()
-    })
-  })
-})

package/react/Viewer/ViewersByFile/__snapshots__/AudioViewer.spec.jsx.snap

@@ -1,43 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AudioViewer should render a spinner then the audio viewer 1`] = `
-<div>
-  <div
-    class="styles__viewer-audioviewer___1OQPB"
-  >
-    <svg
-      class="styles__icon___23x3R"
-      height="140"
-      viewBox="0 0 32 32"
-      width="160"
-    >
-      <g
-        fill="none"
-        fill-rule="evenodd"
-        transform="translate(1 1)"
-      >
-        <rect
-          fill="#ACF6F7"
-          height="30"
-          rx="2"
-          width="30"
-        />
-        <path
-          d="M8 19.998a2 2 0 00-.002 4H9c1.657 0 3-1.35 3-2.997v-7.679a.63.63 0 01.492-.601l6.016-1.129c.272-.05.492.124.492.418v5.478c0 .282-.215.51-.49.51H17c-1.105 0-2 .904-2 1.997v-.179a2 2 0 001.998 1.997H18c1.657 0 3-1.349 3-2.993V7c0-.554-.445-.921-.976-.825L10.976 7.82C10.437 7.918 10 8.454 10 9v10.498c0 .276-.215.5-.49.5H8z"
-          fill="#0CCBD0"
-        />
-      </g>
-    </svg>
-    <p
-      class="styles__viewer-filename___3jZCt"
-    >
-      sample.mp3
-    </p>
-    <audio
-      controls=""
-      preload="auto"
-      src="https://viewerdemo.cozycloud.cc/Z.mp3"
-    />
-  </div>
-</div>
-`;

package/react/Viewer/ViewersByFile/__snapshots__/ShortcutViewer.spec.jsx.snap

@@ -1,57 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Shortcutviewer renders the component 1`] = `
-<div>
-  <div
-    class="styles__viewer-noviewer___auG-6"
-  >
-    <svg
-      class="styles__icon___23x3R"
-      height="140"
-      viewBox="0 0 32 32"
-      width="160"
-    >
-      <g
-        fill="none"
-        fill-rule="evenodd"
-      >
-        <path
-          d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0127.003 32H4.997A1.995 1.995 0 013 29.998V2.002z"
-          fill="#D1D5DB"
-        />
-        <path
-          d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"
-          fill="#A3ACB8"
-        />
-      </g>
-    </svg>
-    <p
-      class="styles__viewer-filename___3jZCt"
-    />
-    <a
-      class="styles__c-btn___3kXsk"
-      href=""
-      target="_blank"
-    >
-      <span>
-        <svg
-          aria-hidden="true"
-          class="styles__icon___23x3R"
-          focusable="false"
-          height="16"
-          viewBox="0 0 16 16"
-          width="16"
-        >
-          <path
-            d="M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z"
-            fill-rule="evenodd"
-          />
-        </svg>
-        <span>
-          Go to 
-        </span>
-      </span>
-    </a>
-  </div>
-</div>
-`;

package/react/Viewer/ViewersByFile/__snapshots__/TextViewer.spec.jsx.snap

@@ -1,100 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextViewer Component should display the error component and render with renderFallback 1`] = `
-<div
-  className="styles__viewer-noviewer___auG-6"
->
-  <svg
-    className="styles__icon___23x3R"
-    height={140}
-    style={Object {}}
-    viewBox="0 0 32 32"
-    width={160}
-  >
-    <g
-      fill="none"
-      fillRule="evenodd"
-    >
-      <path
-        d="M3 2.002C3 .896 3.89 0 4.997 0H22l7 7v22.996A2 2 0 0127.003 32H4.997A1.995 1.995 0 013 29.998V2.002z"
-        fill="#D1D5DB"
-      />
-      <path
-        d="M21.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z"
-        fill="#A3ACB8"
-      />
-    </g>
-  </svg>
-  <p
-    className="styles__viewer-filename___3jZCt"
-  >
-    My File
-  </p>
-  <span>
-    My File
-  </span>
-</div>
-`;
-
-exports[`TextViewer Component should display the loader  1`] = `<Loader />`;
-
-exports[`TextViewer Component should display the markdown viewer 1`] = `
-<div
-  className="styles__viewer-textviewer___3u5Zw"
->
-  <h2
-    className="styles__viewer-filename___3jZCt u-mt-3 u-mb-1"
-  >
-    My File
-  </h2>
-  <div
-    className="styles__viewer-textviewer-content___PB-c3 u-p-1"
-  >
-    <p>
-      It's very easy to make some words 
-      <strong>
-        bold
-      </strong>
-       and other words 
-      <em>
-        italic
-      </em>
-       with Markdown
-    </p>
-  </div>
-</div>
-`;
-
-exports[`TextViewer Component should display the text viewer 1`] = `
-<div
-  className="styles__viewer-textviewer___3u5Zw"
->
-  <h2
-    className="styles__viewer-filename___3jZCt u-mt-3 u-mb-1"
-  >
-    My File
-  </h2>
-  <pre
-    className="styles__viewer-textviewer-content___PB-c3 u-mh-auto u-mv-2"
-  >
-    The content of my file
-  </pre>
-</div>
-`;
-
-exports[`TextViewer Component should display the text viewer when an URL is given 1`] = `
-<div
-  className="styles__viewer-textviewer___3u5Zw"
->
-  <h2
-    className="styles__viewer-filename___3jZCt u-mt-3 u-mb-1"
-  >
-    My File
-  </h2>
-  <pre
-    className="styles__viewer-textviewer-content___PB-c3 u-mh-auto u-mv-2"
-  >
-    The content of my file
-  </pre>
-</div>
-`;

package/react/Viewer/ViewersByFile/__snapshots__/VideoViewer.spec.jsx.snap

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`VideoViewer should render a spinner then the video viewer 1`] = `
-<div>
-  <div
-    class="styles__viewer-videoviewer___NhFoe"
-  >
-    <video
-      controls=""
-      src="https://viewerdemo.cozycloud.cc/Nextcloud.mp4"
-    />
-    <p
-      class="styles__viewer-filename___3jZCt"
-    >
-      sample.mp4
-    </p>
-  </div>
-</div>
-`;

package/react/Viewer/ViewersByFile/styles.styl

@@ -1,87 +0,0 @@
-@require 'settings/breakpoints.styl'
-@require '../vars.styl'
-
-.viewer-imageviewer
-.viewer-noviewer
-.viewer-audioviewer
-.viewer-videoviewer
-.viewer-pdfviewer
-.viewer-textviewer
-.viewer-canceled
-    position         relative
-    display          flex
-    width            60%
-    max-height       'calc(100% - %s)' % $toolbarHeight
-    justify-content  center
-    align-items      center
-    flex-direction   column
-    margin-top       $toolbarHeight
-
-    h2
-        max-width   90%
-
-    +medium-screen()
-        margin-left      0
-        width            100%
-        max-height       'calc(100% - %s)' % $viewerHeightMedium
-        margin-top       $viewerMarginTopMedium
-
-// rules for specific viewers below
-
-.viewer-videoviewer
-    video
-        width       100%
-        max-width   31.25rem
-        height      auto
-
-.viewer-textviewer
-    .viewer-textviewer-content
-        white-space pre-line
-        width 100%
-        max-height 70%
-        overflow auto
-
-    a
-        color var(--azure)
-
-    +medium-screen()
-        width 90%
-        margin-left 5%
-
-.viewer-filename
-    max-width     90%
-    text-overflow ellipsis
-    overflow hidden
-
-.viewer-pdfviewer-pdf
-    overflow auto
-    width 100%
-
-.viewer-pdfviewer-page > *
-    margin auto
-
-.viewer-pdfviewer-toolbar
-    position absolute
-    bottom 2rem
-    background var(--charcoalGrey)
-    color var(--white)
-    border-radius .5rem
-
-.viewer-imageviewer
-    flex             1 1 100%
-    width            auto
-    max-width        100%
-
-    img
-        display     block
-        max-width   100%
-        max-height  100%
-        box-shadow  0 .375rem 1.5rem 0 rgba(0, 0, 0, .5)
-
-.viewer-pdfMobile
-    width 100%
-    height 'calc(100% - %s - var(--flagship-top-height))' % $viewerHeightMedium
-    margin-top 'calc(var(--flagship-top-height, 0rem) + %s)' % $viewerMarginTopMedium
-
-    &--image
-        width 100%

package/react/Viewer/assets/IlluGenericNewPage.svg

@@ -1,10 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 4C0 1.79086 1.79086 0 4 0H29.3333C30.8061 0 32 1.19391 32 2.66667C32 4.13943 30.8061 5.33333 29.3333 5.33333L5.33333 5.33333V29.3333C5.33333 30.8061 4.13943 32 2.66667 32C1.19391 32 0 30.8061 0 29.3333V4Z" fill="#B3D3FF"/>
-<path d="M0 124C0 126.209 1.79086 128 4 128H29.3333C30.8061 128 32 126.806 32 125.333C32 123.861 30.8061 122.667 29.3333 122.667H5.33333V98.6667C5.33333 97.1939 4.13943 96 2.66667 96C1.19391 96 0 97.1939 0 98.6667V124Z" fill="#B3D3FF"/>
-<path d="M124 0C126.209 0 128 1.79086 128 4V29.3333C128 30.8061 126.806 32 125.333 32C123.861 32 122.667 30.8061 122.667 29.3333V5.33333L98.6667 5.33333C97.1939 5.33333 96 4.13943 96 2.66667C96 1.19391 97.1939 0 98.6667 0H124Z" fill="#B3D3FF"/>
-<path d="M128 98.6667V124C128 126.209 126.209 128 124 128H98.6667C97.1939 128 96 126.806 96 125.333C96 123.861 97.1939 122.667 98.6667 122.667H122.667V98.6667C122.667 97.1939 123.861 96 125.333 96C126.806 96 128 97.1939 128 98.6667Z" fill="#B3D3FF"/>
-<path d="M30.0876 89.1458C29.5095 91.8804 29.0759 94.471 29.5095 96.9177C30.2322 101.236 33.7011 102.963 38.0372 103.97C39.9162 104.402 42.0842 104.69 43.8187 104.834C52.4909 105.841 67.0892 106.273 75.906 107.136C78.6522 107.568 81.3985 107.712 84.0001 107.856C85.1564 107.856 86.1682 107.856 87.18 107.856C88.1917 108 89.2035 108 90.2152 108C95.1295 108 96.7194 104.978 97.2976 100.948C97.4421 100.372 97.5867 99.7963 97.7312 99.0766C97.7312 98.7888 97.7312 98.357 97.7312 98.0692C97.7312 97.6374 97.7312 97.2056 97.8757 96.9178C98.4539 94.1832 98.8875 91.4486 99.3211 88.714C99.3211 88.4262 99.4657 87.9944 99.4657 87.7065C100.333 83.3888 103.657 64.8224 105.103 50.8617C106.114 45.6803 108.861 36.0373 103.224 33.0149C99.8993 31.2878 47.7212 26.8261 45.5532 26.6822C42.8069 26.5383 41.217 27.4018 40.3498 28.985C39.6271 29.7046 39.338 30.7121 39.049 32.0074C37.8927 35.3177 30.3767 82.5252 30.0876 89.1458Z" fill="#B3D3FF"/>
-<path d="M28.2551 88.6304C27.9636 91.3461 27.8178 93.9187 28.4008 96.3485C29.5668 100.493 33.3563 101.923 37.7287 102.351C39.7692 102.637 41.8097 102.637 43.5586 102.637C52.3035 102.78 64.2549 102.351 73.1456 102.351C75.9148 102.494 78.684 102.494 81.4532 102.209C82.6192 102.209 83.7852 102.209 84.6597 102.066C85.6799 102.066 86.7002 102.066 87.7204 101.923C92.6759 101.494 93.8418 98.2066 93.9876 94.3475C94.1333 93.6329 94.2791 93.0612 94.2791 92.2036C94.2791 91.9178 94.2791 91.489 94.1333 91.2031C94.1333 90.7743 94.1333 90.3456 94.2791 90.0597C94.5706 87.3441 94.7163 84.6285 94.8621 81.7699C94.8621 81.4841 94.8621 81.0553 94.8621 80.7694C95.2993 76.4816 96.7568 57.7581 96.7568 43.7512C97.1941 38.7487 98.943 28.8867 92.9674 26.4569C89.4694 25.0277 39.4777 25.3135 37.1457 25.4565C34.3765 25.5994 32.919 26.5999 32.0445 28.1721C31.4615 28.8867 31.17 30.0301 31.0243 31.3165C30.587 34.7467 27.6721 82.0558 28.2551 88.6304Z" fill="#297EF2"/>
-<path d="M27.3492 89.0204C27.4924 91.7375 27.7789 94.3116 28.6383 96.5997C30.3572 100.604 34.2245 101.462 38.5215 101.319C40.5268 101.319 42.5321 101.033 44.2509 100.747C52.8451 99.6028 61.7256 99.3168 70.3197 98.0298C73.0412 97.7437 75.7627 97.3147 78.3409 96.7427C79.4868 96.4567 80.4894 96.3137 81.3488 96.0277C82.3515 95.8847 83.3541 95.7417 84.2135 95.4557C88.9403 94.3116 89.6565 91.0225 89.2268 87.0183C89.2268 86.4463 89.2268 85.7313 89.2268 85.0163C89.2268 84.7303 89.0835 84.3013 88.9403 84.1582C88.9403 83.7292 88.9403 83.3002 88.7971 83.0142C88.6538 80.2971 88.5106 77.58 88.0809 74.7199C88.0809 74.4339 88.0809 74.0049 87.9377 73.7189C87.6512 69.4287 86.3621 50.695 84.3568 36.8235C84.0703 31.6753 84.3568 21.6649 78.1977 20.0919C74.6168 19.2338 28.6383 24.668 26.3466 25.0971C23.7683 25.6691 22.336 26.8131 21.9063 28.5292C21.3333 29.3872 21.3333 30.3882 21.3333 31.8183C21.763 35.2504 25.9169 82.5852 27.3492 89.0204Z" fill="#B3D3FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M35.7958 40.7716C41.1805 40.1972 46.6011 39.6587 52.0218 39.1203L52.0219 39.1203C57.4425 38.5818 62.8631 38.0433 68.2478 37.469C70.5453 37.1818 70.2581 33.592 67.9606 33.8791C57.1911 34.8843 46.2781 36.033 35.5086 37.1818C33.0675 37.3254 33.4983 40.9152 35.7958 40.7716ZM46.5729 47.3879L46.5729 47.3879L46.5728 47.3879C45.1604 47.5673 42.7233 47.8769 36.9445 48.5256C34.647 48.8128 34.3598 45.2229 36.5137 44.9358C38.5044 44.6789 40.0867 44.4731 41.3642 44.3069L41.3643 44.3069C45.1248 43.8178 46.2448 43.6721 47.3691 43.5787C47.846 43.5391 48.3237 43.5089 49.004 43.4658L49.0041 43.4658C49.8302 43.4136 50.9549 43.3425 52.7397 43.2127C55.0372 43.0691 55.468 46.6589 53.1705 46.8025L52.6398 46.8411L52.6396 46.8411C49.8467 47.0441 48.947 47.1095 48.0509 47.2076C47.625 47.2542 47.2 47.3082 46.5729 47.3879ZM43.4879 55.3257L43.4882 55.3257L43.4883 55.3257L43.4883 55.3257L43.4883 55.3257L43.4883 55.3257L43.4883 55.3257C47.2575 55.0107 51.066 54.6925 54.7501 54.1257C57.0476 53.8386 56.6168 50.2487 54.3193 50.5359C51.2189 51.0129 48.0305 51.2698 44.8514 51.526C42.2884 51.7325 39.7315 51.9385 37.2318 52.259C34.7907 52.4026 35.3651 56.136 37.6625 55.8489C39.5784 55.6524 41.5278 55.4895 43.4879 55.3257ZM62.2168 67.1927C54.3192 67.6235 52.5961 67.7671 38.524 69.0594C36.2265 69.3466 35.9393 65.7568 38.2368 65.4696C48.7943 64.2208 52.531 64.0491 57.5355 63.819L57.5365 63.819C58.8619 63.7581 60.2762 63.6931 61.9296 63.6029C64.2271 63.4593 64.5143 67.0491 62.2168 67.1927ZM41.4373 81.1075L41.4371 81.1075L40.2472 81.2648C37.9497 81.552 38.3805 85.1418 40.678 84.8546C49.1809 83.987 51.0257 83.7484 53.1498 83.4738L53.1499 83.4738C54.5411 83.2939 56.0521 83.0985 59.6323 82.7007C61.9298 82.4135 61.6426 78.8237 59.2015 79.1109C50.3738 79.9258 48.0971 80.2268 41.4373 81.1075ZM38.8112 73.5108C49.5806 72.362 60.4937 71.2133 71.2632 70.2082C73.5607 69.921 73.9914 73.5108 71.5504 73.798C66.1656 74.3724 60.745 74.9108 55.3244 75.4493C49.9037 75.9878 44.4831 76.5262 39.0984 77.1006C36.8009 77.3878 36.5137 73.798 38.8112 73.5108Z" fill="#297EF2"/>
-</svg>