cozy-bar 8.2.0 → 8.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "8.2.0",
+  "version": "8.4.1",
   "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
   "main": "dist/cozy-bar.js",
   "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",
@@ -53,6 +53,7 @@
     "babel-preset-cozy-app": "^1.9.0",
     "bundlesize": "0.18.0",
     "cozy-authentication": "1.19.1",
+    "cozy-intent": "^1.7.0",
     "css-loader": "1.0.1",
     "css-mqpacker": "7.0.0",
     "cssnano-preset-advanced": "4.0.7",
@@ -66,13 +67,14 @@
     "foreman": "3.0.1",
     "identity-obj-proxy": "3.0.0",
     "jest": "24.9.0",
+    "jest-fetch-mock": "^3.0.3",
     "json-loader": "0.5.7",
     "mini-css-extract-plugin": "0.8.0",
     "my-react": "npm:react@16.13.1",
     "my-react-dom": "npm:react-dom@16.13.1",
     "npm-run-all": "4.1.5",
     "parcel": "1.12.3",
-    "postcss": "7.0.21",
+    "postcss": "7.0.36",
     "postcss-discard-duplicates": "4.0.2",
     "postcss-discard-empty": "4.0.1",
     "postcss-import": "12.0.1",
@@ -94,12 +96,12 @@
   },
   "dependencies": {
     "@cozy/minilog": "^1.0.0",
-    "cozy-client": "13.8.3",
-    "cozy-device-helper": "1.8.0",
+    "cozy-client": "^27.14.4",
+    "cozy-device-helper": "^1.16.1",
     "cozy-flags": "2.4.1",
     "cozy-interapp": "0.4.9",
     "cozy-realtime": "3.2.1",
-    "cozy-ui": "40.1.0",
+    "cozy-ui": "^51.8.0",
     "hammerjs": "2.0.8",
     "lodash.debounce": "4.0.8",
     "lodash.unionwith": "4.6.0",
@@ -112,7 +114,8 @@
     "semver-compare": "^1.0.0"
   },
   "peerDependencies": {
-    "cozy-client": "*"
+    "cozy-client": "*",
+    "cozy-intent": ">=1.7.0"
   },
   "bundlesize": [
     {

package/src/components/Apps/AppNavButtons.jsx

@@ -1,13 +1,13 @@
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
-import { getHomeApp } from 'lib/reducers'
+import BottomIcon from 'cozy-ui/react/Icons/Bottom'
+import Icon from 'cozy-ui/react/Icon'
 import TopIcon from 'cozy-ui/react/Icons/Top'
-import BottomIcon from 'cozy-ui/react/Icons/Top'
-
 import { translate } from 'cozy-ui/react/I18n'
-import Icon from 'cozy-ui/react/Icon'
-import HomeIcon from 'components/Apps/IconCozyHome'
+
+import { ButtonCozyHome } from 'components/Apps/ButtonCozyHome'
+import { getHomeApp } from 'lib/reducers'
 import { isFetchingApps } from 'lib/reducers'
 
 class AppNavButton extends Component {
@@ -52,16 +52,10 @@ class AppNavButton extends Component {
 
     return (
       <div className={`coz-nav-apps-btns${isHomeApp ? ' --currentHome' : ''}`}>
-        {homeHref ? (
-          <a href={homeHref} className="coz-nav-apps-btns-home">
-            <HomeIcon className="coz-nav-apps-btns-home-svg" />
-          </a>
-        ) : (
-          <span className="coz-nav-apps-btns-home">
-            <HomeIcon className="coz-nav-apps-btns-home-svg" />
-          </span>
-        )}
+        <ButtonCozyHome homeHref={homeHref} />
+
         {!isHomeApp && <span className="coz-nav-apps-btns-sep" />}
+
         <button
           type="button"
           onClick={isPublic ? null : handleClick}

package/src/components/Apps/ButtonCozyHome.jsx

@@ -0,0 +1,30 @@
+import React from 'react'
+
+import IconCozyHome from './IconCozyHome'
+
+export const ButtonCozyHome = ({ webviewContext, homeHref }) => {
+  if (webviewContext)
+    return (
+      <button
+        onClick={() => {
+          webviewContext.call('backToHome')
+        }}
+        className="coz-nav-apps-btns-home --flagship"
+      >
+        <IconCozyHome className="coz-nav-apps-btns-home-svg" />
+      </button>
+    )
+
+  if (homeHref)
+    return (
+      <a href={homeHref} className="coz-nav-apps-btns-home">
+        <IconCozyHome className="coz-nav-apps-btns-home-svg" />
+      </a>
+    )
+
+  return (
+    <span className="coz-nav-apps-btns-home">
+      <IconCozyHome className="coz-nav-apps-btns-home-svg" />
+    </span>
+  )
+}

package/src/components/Apps/ButtonCozyHome.spec.jsx

@@ -0,0 +1,53 @@
+import React from 'react'
+import { shallow } from 'enzyme'
+
+import { ButtonCozyHome } from 'components/Apps/ButtonCozyHome'
+
+const homeHref = 'foo'
+const expectedCall = 'backToHome'
+const webviewContext = {
+  call: jest.fn()
+}
+
+describe('ButtonCozyHome', () => {
+  it('should render a span with no props', () => {
+    const render = shallow(<ButtonCozyHome />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('span')
+  })
+
+  it('should render an anchor with correct href when homeHref', () => {
+    const render = shallow(<ButtonCozyHome homeHref={homeHref} />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('a')
+    expect(element.props.href).toBe(homeHref)
+  })
+
+  it('should render a button when webviewContext', () => {
+    const render = shallow(<ButtonCozyHome webviewContext={webviewContext} />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('button')
+  })
+
+  it('should give priority to button if both webviewContext and homeHref are present', () => {
+    const render = shallow(
+      <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
+    )
+    const element = render.getElement()
+
+    expect(element.type).toBe('button')
+  })
+
+  it('should call the correct context method on click', () => {
+    const render = shallow(
+      <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
+    )
+
+    render.simulate('click')
+
+    expect(webviewContext.call).toBeCalledWith(expectedCall)
+  })
+})

package/src/components/Bar.jsx

@@ -12,6 +12,7 @@ import {
 } from 'cozy-ui/react/helpers/tracker'
 import { isMobileApp } from 'cozy-device-helper'
 
+import { ButtonCozyHome } from 'components/Apps/ButtonCozyHome'
 import Banner from 'components/Banner'
 import Drawer from 'components/Drawer'
 import Settings from 'components/Settings'
@@ -27,7 +28,8 @@ import {
   fetchApps,
   fetchContext,
   fetchSettingsData,
-  shouldEnableClaudy
+  shouldEnableClaudy,
+  getWebviewContext
 } from 'lib/reducers'
 
 /* Generated with node_modules/.bin/svgr src/assets/sprites/icon-apps.svg */
@@ -163,7 +165,12 @@ export class Bar extends Component {
   }
 
   renderLeft = () => {
-    const { t, isPublic } = this.props
+    const { t, isPublic, webviewContext } = this.props
+
+    if (webviewContext) {
+      return <ButtonCozyHome webviewContext={webviewContext} />
+    }
+
     // data-tutorial attribute allows to be targeted in an application tutorial
     return !isPublic ? (
       <button
@@ -197,6 +204,7 @@ export class Bar extends Component {
       supportDisplayed,
       usageTracker
     } = this.state
+
     const {
       theme,
       themeOverrides,
@@ -269,7 +277,8 @@ export const mapStateToProps = state => ({
   barSearch: getContent(state, 'search'),
   isDrive: isCurrentApp(state, { slug: 'drive' }),
   claudyEnabled: shouldEnableClaudy(state),
-  hasFetchedApps: hasFetched(state)
+  hasFetchedApps: hasFetched(state),
+  webviewContext: getWebviewContext(state)
 })
 
 export const mapDispatchToProps = dispatch => ({

package/src/components/Bar.spec.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { shallow } from 'enzyme'
-import { isMobileApp } from 'cozy-device-helper'
+import { isFlagshipApp, isMobileApp } from 'cozy-device-helper'
 import toJson from 'enzyme-to-json'
 import reducers from 'lib/reducers'
 import CozyClient from 'cozy-client'
@@ -9,7 +9,8 @@ import { Bar, mapStateToProps, mapDispatchToProps } from './Bar'
 
 jest.mock('cozy-device-helper', () => ({
   ...require.requireActual('cozy-device-helper'),
-  isMobileApp: jest.fn()
+  isMobileApp: jest.fn(),
+  isFlagshipApp: jest.fn()
 }))
 
 describe('Bar', () => {
@@ -32,6 +33,7 @@ describe('Bar', () => {
 
   afterEach(() => {
     Bar.prototype.fetchApps.mockRestore()
+    isFlagshipApp.mockClear()
   })
 
   it('should fetch data when mounted', () => {

package/src/components/Settings/index.jsx

@@ -5,6 +5,8 @@ import get from 'lodash/get'
 
 import { translate } from 'cozy-ui/react/I18n'
 import { Button } from 'cozy-ui/react/Button'
+import GearIcon from 'cozy-ui/react/Icons/Gear'
+
 import { queryConnect } from 'cozy-client/dist'
 import { models } from 'cozy-client'
 let instanceModel = undefined
@@ -148,7 +150,7 @@ export class Settings extends Component {
           className="coz-nav-settings-btn"
           aria-controls="coz-nav-pop--settings"
           busy={isBusy}
-          icon="gear"
+          icon={GearIcon}
           label={t('menu.settings')}
         />
         <div

package/src/components/__snapshots__/Bar.spec.jsx.snap

@@ -174,6 +174,7 @@ Object {
   "isDrive": false,
   "theme": "default",
   "themeOverrides": Object {},
+  "webviewContext": undefined,
 }
 `;
 

package/src/index.jsx

@@ -218,7 +218,8 @@ const {
   BarRight,
   BarLeft,
   BarSearch,
-  setTheme
+  setTheme,
+  setWebviewContext
 } = proxiedAPI
 
 const version = __VERSION__
@@ -235,6 +236,7 @@ export {
   BarCenter,
   BarSearch,
   setTheme,
+  setWebviewContext,
   setLocale,
   updateAccessToken
 }

package/src/index.spec.jsx

@@ -1,7 +1,13 @@
 import CozyClient from 'cozy-client'
+import jestFetchMock from 'jest-fetch-mock'
+
 import * as cozyBar from './index'
 
 describe('init', () => {
+  beforeAll(() => {
+    global.fetch = jestFetchMock
+  })
+
   beforeEach(() => {
     jest.spyOn(console, 'error')
     const div = document.createElement('div')

package/src/lib/api/index.jsx

@@ -1,5 +1,11 @@
 import React, { Component } from 'react'
-import { setContent, unsetContent, setLocale, setTheme } from 'lib/reducers'
+import {
+  setContent,
+  unsetContent,
+  setLocale,
+  setTheme,
+  setWebviewContext
+} from 'lib/reducers'
 
 import { locations, getJsApiName, getReactApiName } from 'lib/api/helpers'
 
@@ -90,6 +96,10 @@ export const createBarAPI = store => {
     store.dispatch(setTheme(...args))
   }
 
+  methods.setWebviewContext = (...args) => {
+    store.dispatch(setWebviewContext(...args))
+  }
+
   return methods
 }
 
@@ -128,7 +138,7 @@ export const createBarProxiedAPI = exposedAPI => {
     }
   })
 
-  for (let fnName of ['setLocale', 'setTheme']) {
+  for (let fnName of ['setLocale', 'setTheme', 'setWebviewContext']) {
     apiReferences[fnName] = makeProxyMethodToAPI(exposedAPI, fnName)
   }
   return apiReferences

package/src/lib/reducers/index.js

@@ -2,6 +2,7 @@ import { combineReducers } from 'redux'
 import * as content from 'lib/reducers/content'
 import * as locale from 'lib/reducers/locale'
 import * as theme from 'lib/reducers/theme'
+import * as unserializable from 'lib/reducers/unserializable'
 import appsReducer, * as apps from 'lib/reducers/apps'
 import settingsReducer, * as settings from 'lib/reducers/settings'
 import contextReducer, * as context from 'lib/reducers/context'
@@ -16,6 +17,7 @@ const setContent = content.setContent
 const unsetContent = content.unsetContent
 const setLocale = locale.setLocale
 const setTheme = theme.setTheme
+const setWebviewContext = unserializable.setWebviewContext
 const fetchApps = apps.fetchApps
 const setInfos = apps.setInfos
 const fetchSettingsData = settings.fetchSettingsData
@@ -26,6 +28,7 @@ export {
   unsetContent,
   setLocale,
   setTheme,
+  setWebviewContext,
   fetchApps,
   setInfos,
   fetchSettingsData,
@@ -48,18 +51,23 @@ export const isFetchingSettings = proxy('settings', settings.isFetchingSettings)
 export const getHelpLink = proxy('context', context.getHelpLink)
 export const getClaudyActions = proxy('context', context.getClaudyActions)
 export const shouldEnableClaudy = proxy('context', context.shouldEnableClaudy)
+export const getWebviewContext = proxy(
+  'unserializable',
+  unserializable.getWebviewContext
+)
 
 // realtime handlers
 export const onRealtimeCreate = apps.receiveApp
 export const onRealtimeDelete = apps.deleteApp
 
 export const reducers = {
+  apps: appsReducer,
   content: content.reducer,
+  context: contextReducer,
   locale: locale.reducer,
-  theme: theme.reducer,
-  apps: appsReducer,
   settings: settingsReducer,
-  context: contextReducer
+  theme: theme.reducer,
+  unserializable: unserializable.reducer
 }
 
 export default combineReducers(reducers)

package/src/lib/reducers/unserializable.js

@@ -0,0 +1,26 @@
+const SET_WEBVIEW_CONTEXT = 'SET_WEBVIEW_CONTEXT'
+
+// selectors
+export const getWebviewContext = state => {
+  return state.webviewContext
+}
+
+// actions
+export const setWebviewContext = payload => ({
+  type: SET_WEBVIEW_CONTEXT,
+  payload
+})
+
+// reducers
+const defaultState = {
+  webviewContext: undefined
+}
+
+export const reducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case SET_WEBVIEW_CONTEXT:
+      return { ...state, webviewContext: action.payload }
+    default:
+      return state
+  }
+}

package/src/styles/apps.css

@@ -46,11 +46,16 @@
 }
 
 [role=banner] .coz-nav-apps-btns-home {
-  width: 2rem;
   height: 2rem;
   margin-right: .75rem;
 }
 
+[role=banner] .coz-nav-apps-btns-home.--flagship {
+  background: none;
+  border: 0;
+  height: 100%;
+}
+
 [role=banner] .coz-nav-apps-btns-home-svg {
   max-width: 2rem;
   max-height: 2rem;
@@ -179,7 +184,7 @@
   display: flex;
   justify-content: flex-start;
 }
-[role=banner] [role=menuitem].coz-apps-home-btn img {
+[role=banner] [role=menuitem].coz-apps-home-btn img, .coz-apps-home-btn svg {
   width: 1rem;
   height: 1rem;
   margin-right: .5rem;

package/transpiled/components/Apps/AppNavButtons.js

@@ -10,12 +10,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
-import { getHomeApp } from "../../lib/reducers";
+import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
+import Icon from "cozy-ui/transpiled/react/Icon";
 import TopIcon from "cozy-ui/transpiled/react/Icons/Top";
-import BottomIcon from "cozy-ui/transpiled/react/Icons/Top";
 import { translate } from "cozy-ui/transpiled/react/I18n";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import HomeIcon from "./IconCozyHome";
+import { ButtonCozyHome } from "./ButtonCozyHome";
+import { getHomeApp } from "../../lib/reducers";
 import { isFetchingApps } from "../../lib/reducers";
 
 var AppNavButton = /*#__PURE__*/function (_Component) {
@@ -65,16 +65,9 @@ var AppNavButton = /*#__PURE__*/function (_Component) {
       var homeHref = !isPublic && homeApp && homeApp.href;
       return /*#__PURE__*/React.createElement("div", {
         className: "coz-nav-apps-btns".concat(isHomeApp ? ' --currentHome' : '')
-      }, homeHref ? /*#__PURE__*/React.createElement("a", {
-        href: homeHref,
-        className: "coz-nav-apps-btns-home"
-      }, /*#__PURE__*/React.createElement(HomeIcon, {
-        className: "coz-nav-apps-btns-home-svg"
-      })) : /*#__PURE__*/React.createElement("span", {
-        className: "coz-nav-apps-btns-home"
-      }, /*#__PURE__*/React.createElement(HomeIcon, {
-        className: "coz-nav-apps-btns-home-svg"
-      })), !isHomeApp && /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React.createElement(ButtonCozyHome, {
+        homeHref: homeHref
+      }), !isHomeApp && /*#__PURE__*/React.createElement("span", {
         className: "coz-nav-apps-btns-sep"
       }), /*#__PURE__*/React.createElement("button", {
         type: "button",

package/transpiled/components/Apps/ButtonCozyHome.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import IconCozyHome from "./IconCozyHome";
+export var ButtonCozyHome = function ButtonCozyHome(_ref) {
+  var webviewContext = _ref.webviewContext,
+      homeHref = _ref.homeHref;
+  if (webviewContext) return /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      webviewContext.call('backToHome');
+    },
+    className: "coz-nav-apps-btns-home --flagship"
+  }, /*#__PURE__*/React.createElement(IconCozyHome, {
+    className: "coz-nav-apps-btns-home-svg"
+  }));
+  if (homeHref) return /*#__PURE__*/React.createElement("a", {
+    href: homeHref,
+    className: "coz-nav-apps-btns-home"
+  }, /*#__PURE__*/React.createElement(IconCozyHome, {
+    className: "coz-nav-apps-btns-home-svg"
+  }));
+  return /*#__PURE__*/React.createElement("span", {
+    className: "coz-nav-apps-btns-home"
+  }, /*#__PURE__*/React.createElement(IconCozyHome, {
+    className: "coz-nav-apps-btns-home-svg"
+  }));
+};

package/transpiled/components/Apps/ButtonCozyHome.spec.jsx

@@ -0,0 +1,53 @@
+import React from 'react'
+import { shallow } from 'enzyme'
+
+import { ButtonCozyHome } from 'components/Apps/ButtonCozyHome'
+
+const homeHref = 'foo'
+const expectedCall = 'backToHome'
+const webviewContext = {
+  call: jest.fn()
+}
+
+describe('ButtonCozyHome', () => {
+  it('should render a span with no props', () => {
+    const render = shallow(<ButtonCozyHome />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('span')
+  })
+
+  it('should render an anchor with correct href when homeHref', () => {
+    const render = shallow(<ButtonCozyHome homeHref={homeHref} />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('a')
+    expect(element.props.href).toBe(homeHref)
+  })
+
+  it('should render a button when webviewContext', () => {
+    const render = shallow(<ButtonCozyHome webviewContext={webviewContext} />)
+    const element = render.getElement()
+
+    expect(element.type).toBe('button')
+  })
+
+  it('should give priority to button if both webviewContext and homeHref are present', () => {
+    const render = shallow(
+      <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
+    )
+    const element = render.getElement()
+
+    expect(element.type).toBe('button')
+  })
+
+  it('should call the correct context method on click', () => {
+    const render = shallow(
+      <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
+    )
+
+    render.simulate('click')
+
+    expect(webviewContext.call).toBeCalledWith(expectedCall)
+  })
+})

package/transpiled/components/Bar.js

@@ -19,6 +19,7 @@ import { translate } from "cozy-ui/transpiled/react/I18n";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import { shouldEnableTracking, getTracker, configureTracker } from "cozy-ui/transpiled/react/helpers/tracker";
 import { isMobileApp } from 'cozy-device-helper';
+import { ButtonCozyHome } from "./Apps/ButtonCozyHome";
 import Banner from "./Banner";
 import Drawer from "./Drawer";
 import Settings from "./Settings";
@@ -26,7 +27,7 @@ import Apps from "./Apps";
 import SearchBar from "./SearchBar";
 import Claudy from "./Claudy";
 import SupportModal from "./SupportModal";
-import { getTheme, hasFetched, getContent, isCurrentApp, fetchApps as _fetchApps, fetchContext as _fetchContext, fetchSettingsData as _fetchSettingsData, shouldEnableClaudy } from "../lib/reducers";
+import { getTheme, hasFetched, getContent, isCurrentApp, fetchApps as _fetchApps, fetchContext as _fetchContext, fetchSettingsData as _fetchSettingsData, shouldEnableClaudy, getWebviewContext } from "../lib/reducers";
 /* Generated with node_modules/.bin/svgr src/assets/sprites/icon-apps.svg */
 
 function SvgIconApps(props) {
@@ -102,7 +103,15 @@ export var Bar = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "renderLeft", function () {
       var _this$props = _this.props,
           t = _this$props.t,
-          isPublic = _this$props.isPublic; // data-tutorial attribute allows to be targeted in an application tutorial
+          isPublic = _this$props.isPublic,
+          webviewContext = _this$props.webviewContext;
+
+      if (webviewContext) {
+        return /*#__PURE__*/React.createElement(ButtonCozyHome, {
+          webviewContext: webviewContext
+        });
+      } // data-tutorial attribute allows to be targeted in an application tutorial
+
 
       return !isPublic ? /*#__PURE__*/React.createElement("button", {
         type: "button",
@@ -174,7 +183,7 @@ export var Bar = /*#__PURE__*/function (_Component) {
   }, {
     key: "initPiwikTracker",
     value: function initPiwikTracker() {
-      var trackerInstance = getTracker("\"https://piwik.cozycloud.cc\"", 8, false, false);
+      var trackerInstance = getTracker("\"https://matomo.cozycloud.cc\"", 8, false, false);
       configureTracker({
         appDimensionId: 1,
         app: 'Cozy Bar',
@@ -300,7 +309,8 @@ export var mapStateToProps = function mapStateToProps(state) {
       slug: 'drive'
     }),
     claudyEnabled: shouldEnableClaudy(state),
-    hasFetchedApps: hasFetched(state)
+    hasFetchedApps: hasFetched(state),
+    webviewContext: getWebviewContext(state)
   };
 };
 export var mapDispatchToProps = function mapDispatchToProps(dispatch) {

package/transpiled/components/Bar.spec.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { shallow } from 'enzyme'
-import { isMobileApp } from 'cozy-device-helper'
+import { isFlagshipApp, isMobileApp } from 'cozy-device-helper'
 import toJson from 'enzyme-to-json'
 import reducers from 'lib/reducers'
 import CozyClient from 'cozy-client'
@@ -9,7 +9,8 @@ import { Bar, mapStateToProps, mapDispatchToProps } from './Bar'
 
 jest.mock('cozy-device-helper', () => ({
   ...require.requireActual('cozy-device-helper'),
-  isMobileApp: jest.fn()
+  isMobileApp: jest.fn(),
+  isFlagshipApp: jest.fn()
 }))
 
 describe('Bar', () => {
@@ -32,6 +33,7 @@ describe('Bar', () => {
 
   afterEach(() => {
     Bar.prototype.fetchApps.mockRestore()
+    isFlagshipApp.mockClear()
   })
 
   it('should fetch data when mounted', () => {

package/transpiled/components/Settings/index.js

@@ -16,6 +16,7 @@ import { compose } from 'redux';
 import get from 'lodash/get';
 import { translate } from "cozy-ui/transpiled/react/I18n";
 import { Button } from "cozy-ui/transpiled/react/Button";
+import GearIcon from "cozy-ui/transpiled/react/Icons/Gear";
 import { queryConnect } from 'cozy-client/dist';
 import { models } from 'cozy-client';
 var instanceModel = undefined;
@@ -162,7 +163,7 @@ export var Settings = /*#__PURE__*/function (_Component) {
         className: "coz-nav-settings-btn",
         "aria-controls": "coz-nav-pop--settings",
         busy: isBusy,
-        icon: "gear",
+        icon: GearIcon,
         label: t('menu.settings')
       }), /*#__PURE__*/React.createElement("div", {
         className: "coz-nav-pop coz-nav-pop--settings",