cozy-ui 70.5.1 → 70.6.2

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [70.6.2](https://github.com/cozy/cozy-ui/compare/v70.6.1...v70.6.2) (2022-08-16)
+
+
+### Bug Fixes
+
+* **Permissions:** Display correct Icon names in readme ([3e38d4c](https://github.com/cozy/cozy-ui/commit/3e38d4c))
+
+## [70.6.1](https://github.com/cozy/cozy-ui/compare/v70.6.0...v70.6.1) (2022-08-12)
+
+
+### Bug Fixes
+
+* To refresh the BottomSheet when the height of the content changes ([d5d66bf](https://github.com/cozy/cozy-ui/commit/d5d66bf))
+
+# [70.6.0](https://github.com/cozy/cozy-ui/compare/v70.5.1...v70.6.0) (2022-08-09)
+
+
+### Bug Fixes
+
+* Prevent `AppLinker` to call openApp when target link has same slug ([3c87b96](https://github.com/cozy/cozy-ui/commit/3c87b96))
+
+
+### Features
+
+* Add `@testing-library/user-event` to devDependencies ([a5beaf0](https://github.com/cozy/cozy-ui/commit/a5beaf0))
+
 ## [70.5.1](https://github.com/cozy/cozy-ui/compare/v70.5.0...v70.5.1) (2022-08-08)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "70.5.1",
+  "version": "70.6.2",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -76,6 +76,7 @@
     "@semantic-release/npm": "9.0.1",
     "@svgr/cli": "^5.4.0",
     "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/user-event": "^14.4.2",
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "^3.2.1",
     "argos-cli": "^0.3.3",

package/react/AppLinker/__snapshots__/index.deprecated.spec.jsx.snap

@@ -2,23 +2,24 @@
 
 exports[`app icon should not crash if no href 1`] = `
 <div>
-  <a
-    onClick={[Function]}
-  >
-    Open 
-    Cozy Drive
-  </a>
+  <div>
+    <a>
+      Open 
+      Cozy Drive
+    </a>
+  </div>
 </div>
 `;
 
 exports[`app icon should render correctly 1`] = `
 <div>
-  <a
-    href="https://fake.link"
-    onClick={null}
-  >
-    Open 
-    Cozy Drive
-  </a>
+  <div>
+    <a
+      href="https://fake.link"
+    >
+      Open 
+      Cozy Drive
+    </a>
+  </div>
 </div>
 `;

package/react/AppLinker/__snapshots__/index.spec.jsx.snap

@@ -2,23 +2,24 @@
 
 exports[`app icon should not crash if no href 1`] = `
 <div>
-  <a
-    onClick={[Function]}
-  >
-    Open 
-    Cozy Drive
-  </a>
+  <div>
+    <a>
+      Open 
+      Cozy Drive
+    </a>
+  </div>
 </div>
 `;
 
 exports[`app icon should render correctly 1`] = `
 <div>
-  <a
-    href="https://fake.link"
-    onClick={null}
-  >
-    Open 
-    Cozy Drive
-  </a>
+  <div>
+    <a
+      href="https://fake.link"
+    >
+      Open 
+      Cozy Drive
+    </a>
+  </div>
 </div>
 `;

package/react/AppLinker/index.deprecated.spec.jsx

@@ -7,25 +7,26 @@
  */
 
 import React from 'react'
-import { shallow } from 'enzyme'
+import { render } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+
 import {
   isMobileApp,
   isMobile,
   openDeeplinkOrRedirect,
   startApp,
-  isAndroid
+  isAndroid,
+  checkApp
 } from 'cozy-device-helper'
 
 import AppLinker from './index'
 import { generateUniversalLink } from './native'
 jest.useFakeTimers()
 
-const tMock = x => x
-
-class DeprecatedAppItem extends React.Component {
-  render() {
-    const { app, onAppSwitch } = this.props
-    return (
+const setup = ({ app, onAppSwitch }) => {
+  return {
+    user: userEvent.setup({ delay: null }),
+    ...render(
       <AppLinker
         onAppSwitch={onAppSwitch}
         slug={app.slug}
@@ -42,6 +43,7 @@ class DeprecatedAppItem extends React.Component {
     )
   }
 }
+
 jest.mock('./native', () => ({
   ...jest.requireActual('./native'),
   generateUniversalLink: jest.fn()
@@ -53,7 +55,8 @@ jest.mock('cozy-device-helper', () => ({
   isMobile: jest.fn(),
   openDeeplinkOrRedirect: jest.fn(),
   startApp: jest.fn().mockResolvedValue(),
-  isAndroid: jest.fn()
+  isAndroid: jest.fn(),
+  checkApp: jest.fn()
 }))
 
 const app = {
@@ -62,7 +65,7 @@ const app = {
 }
 
 describe('app icon', () => {
-  let spyConsoleError, spyConsoleWarn, openNativeFromNativeSpy, appSwitchMock
+  let spyConsoleError, spyConsoleWarn, appSwitchMock
 
   beforeEach(() => {
     isMobileApp.mockReturnValue(false)
@@ -70,7 +73,6 @@ describe('app icon', () => {
     spyConsoleError.mockImplementation(() => {})
     spyConsoleWarn = jest.spyOn(console, 'warn')
     spyConsoleWarn.mockImplementation(() => {})
-    openNativeFromNativeSpy = jest.spyOn(AppLinker, 'openNativeFromNative')
     isMobileApp.mockReturnValue(false)
     isMobile.mockReturnValue(false)
     isAndroid.mockReturnValue(false)
@@ -84,20 +86,26 @@ describe('app icon', () => {
   })
 
   it('should render correctly', () => {
-    const root = shallow(<DeprecatedAppItem t={tMock} app={app} />).dive()
-    expect(root.getElement()).toMatchSnapshot()
+    const { container } = setup({ app })
+    expect(container).toMatchSnapshot()
   })
 
-  it('should work for native -> native', () => {
-    const root = shallow(
-      <DeprecatedAppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click')
+  it('should work for web -> web', async () => {
+    isMobileApp.mockReturnValue(false)
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(appSwitchMock).not.toHaveBeenCalled()
+    expect(startApp).not.toHaveBeenCalled()
+  })
+
+  it('should work for native -> native', async () => {
     isMobileApp.mockReturnValue(true)
-    root.setState({ nativeAppIsAvailable: true })
-    root.find('a').simulate('click')
-    expect(openNativeFromNativeSpy).toHaveBeenCalled()
+    checkApp.mockResolvedValue(true)
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
+
     expect(startApp).toHaveBeenCalledWith({
       appId: 'io.cozy.drive.mobile',
       name: 'Cozy Drive',
@@ -106,13 +114,12 @@ describe('app icon', () => {
     expect(appSwitchMock).toHaveBeenCalled()
   })
 
-  it('should work for web -> native for Android (custom schema)', () => {
+  it('should work for web -> native for Android (custom schema)', async () => {
     isMobile.mockReturnValue(true)
     isAndroid.mockResolvedValue(true)
-    const root = shallow(
-      <DeprecatedAppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click', { preventDefault: () => {} })
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(openDeeplinkOrRedirect).toHaveBeenCalledWith(
       'cozydrive://',
       expect.any(Function)
@@ -120,28 +127,26 @@ describe('app icon', () => {
     expect(appSwitchMock).toHaveBeenCalled()
   })
 
-  it('should work for web -> native for iOS (universal link)', () => {
+  it('should work for web -> native for iOS (universal link)', async () => {
     isMobile.mockReturnValue(true)
-    const root = shallow(
-      <DeprecatedAppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click', { preventDefault: () => {} })
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
 
     expect(generateUniversalLink).toHaveBeenCalled()
   })
 
-  it('should work for native -> web', () => {
+  it('should work for native -> web', async () => {
     isMobileApp.mockReturnValue(true)
-    const root = shallow(
-      <DeprecatedAppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click')
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(appSwitchMock).toHaveBeenCalled()
   })
 
   it('should not crash if no href', () => {
     isMobileApp.mockReturnValue(true)
-    const root = shallow(
+    const { container } = render(
       <AppLinker onAppSwitch={appSwitchMock} slug={app.slug}>
         {({ onClick, href, name }) => (
           <div>
@@ -152,6 +157,6 @@ describe('app icon', () => {
         )}
       </AppLinker>
     )
-    expect(root.getElement()).toMatchSnapshot()
+    expect(container).toMatchSnapshot()
   })
 })

package/react/AppLinker/index.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import { withClient } from 'cozy-client'
 
 import {
   checkApp,
@@ -79,7 +80,7 @@ export class AppLinker extends React.Component {
   }
 
   static getOnClickHref(props, nativeAppIsAvailable, context, imgRef) {
-    const { app, nativePath } = props
+    const { app, client, nativePath } = props
     const slug = AppLinker.getSlug(props)
     let href = props.href
     let onClick = null
@@ -87,23 +88,29 @@ export class AppLinker extends React.Component {
     const appInfo = NATIVE_APP_INFOS[slug]
 
     if (isFlagshipApp()) {
-      const imgPayload =
-        imgRef &&
-        JSON.stringify({
-          ...imgRef.getBoundingClientRect().toJSON()
-        })
-
-      return {
-        onClick: event => {
-          event.preventDefault()
-
-          context
-            ? context.call('openApp', href, app, imgPayload)
-            : logger.error(
-                `Failed to "openApp(${app})". WebviewService has the following falsy value "${context}" in AppLinker's context.`
-              )
-        },
-        href: '#'
+      const { app: currentApp } = client
+        ? client.getInstanceOptions()
+        : undefined
+
+      if (currentApp === undefined || app.slug !== currentApp.slug) {
+        const imgPayload =
+          imgRef &&
+          JSON.stringify({
+            ...imgRef.getBoundingClientRect().toJSON()
+          })
+
+        return {
+          onClick: event => {
+            event.preventDefault()
+
+            context
+              ? context.call('openApp', href, app, imgPayload)
+              : logger.error(
+                  `Failed to "openApp(${app})". WebviewService has the following falsy value "${context}" in AppLinker's context.`
+                )
+          },
+          href: '#'
+        }
       }
     }
 
@@ -234,7 +241,7 @@ AppLinker.propTypes = {
   }).isRequired
 }
 
-export default AppLinker
+export default withClient(AppLinker)
 export {
   NATIVE_APP_INFOS,
   getUniversalLinkDomain,

package/react/AppLinker/index.spec.jsx

@@ -1,23 +1,24 @@
 import React from 'react'
-import { shallow } from 'enzyme'
+import { render } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+
 import {
   isMobileApp,
   isMobile,
   openDeeplinkOrRedirect,
   startApp,
-  isAndroid
+  isAndroid,
+  checkApp
 } from 'cozy-device-helper'
 
 import AppLinker from './index'
 import { generateUniversalLink } from './native'
 jest.useFakeTimers()
 
-const tMock = x => x
-
-class AppItem extends React.Component {
-  render() {
-    const { app, onAppSwitch } = this.props
-    return (
+const setup = ({ app, onAppSwitch }) => {
+  return {
+    user: userEvent.setup({ delay: null }),
+    ...render(
       <AppLinker onAppSwitch={onAppSwitch} href={'https://fake.link'} app={app}>
         {({ onClick, href, name }) => (
           <div>
@@ -30,6 +31,7 @@ class AppItem extends React.Component {
     )
   }
 }
+
 jest.mock('./native', () => ({
   ...jest.requireActual('./native'),
   generateUniversalLink: jest.fn()
@@ -41,7 +43,8 @@ jest.mock('cozy-device-helper', () => ({
   isMobile: jest.fn(),
   openDeeplinkOrRedirect: jest.fn(),
   startApp: jest.fn().mockResolvedValue(),
-  isAndroid: jest.fn()
+  isAndroid: jest.fn(),
+  checkApp: jest.fn()
 }))
 
 const app = {
@@ -50,7 +53,7 @@ const app = {
 }
 
 describe('app icon', () => {
-  let spyConsoleError, openNativeFromNativeSpy, appSwitchMock
+  let spyConsoleError, appSwitchMock
 
   beforeEach(() => {
     isMobileApp.mockReturnValue(false)
@@ -60,7 +63,6 @@ describe('app icon', () => {
         throw new Error(message)
       }
     })
-    openNativeFromNativeSpy = jest.spyOn(AppLinker, 'openNativeFromNative')
     isMobileApp.mockReturnValue(false)
     isMobile.mockReturnValue(false)
     isAndroid.mockReturnValue(false)
@@ -73,20 +75,25 @@ describe('app icon', () => {
   })
 
   it('should render correctly', () => {
-    const root = shallow(<AppItem t={tMock} app={app} />).dive()
-    expect(root.getElement()).toMatchSnapshot()
+    const { container } = setup({ app })
+    expect(container).toMatchSnapshot()
   })
 
-  it('should work for native -> native', () => {
-    const root = shallow(
-      <AppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click')
+  it('should work for web -> web', async () => {
+    isMobileApp.mockReturnValue(false)
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(appSwitchMock).not.toHaveBeenCalled()
+    expect(startApp).not.toHaveBeenCalled()
+  })
+
+  it('should work for native -> native', async () => {
     isMobileApp.mockReturnValue(true)
-    root.setState({ nativeAppIsAvailable: true })
-    root.find('a').simulate('click')
-    expect(openNativeFromNativeSpy).toHaveBeenCalled()
+    checkApp.mockResolvedValue(true)
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(startApp).toHaveBeenCalledWith({
       appId: 'io.cozy.drive.mobile',
       name: 'Cozy Drive',
@@ -95,13 +102,12 @@ describe('app icon', () => {
     expect(appSwitchMock).toHaveBeenCalled()
   })
 
-  it('should work for web -> native for Android (custom schema) ', () => {
+  it('should work for web -> native for Android (custom schema) ', async () => {
     isMobile.mockReturnValue(true)
     isAndroid.mockResolvedValue(true)
-    const root = shallow(
-      <AppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click', { preventDefault: () => {} })
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(openDeeplinkOrRedirect).toHaveBeenCalledWith(
       'cozydrive://',
       expect.any(Function)
@@ -109,39 +115,39 @@ describe('app icon', () => {
     expect(appSwitchMock).toHaveBeenCalled()
   })
 
-  it('should work for web -> native for iOS (universal link)', () => {
+  it('should work for web -> native for iOS (universal link)', async () => {
     isMobile.mockReturnValue(true)
-    const root = shallow(
-      <AppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click', { preventDefault: () => {} })
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
 
     expect(generateUniversalLink).toHaveBeenCalled()
   })
 
-  it('should work for native -> web', () => {
+  it('should work for native -> web', async () => {
     isMobileApp.mockReturnValue(true)
-    const root = shallow(
-      <AppItem t={tMock} app={app} onAppSwitch={appSwitchMock} />
-    ).dive()
-    root.find('a').simulate('click')
+    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
+    const link = container.querySelector('a')
+    await user.click(link)
     expect(appSwitchMock).toHaveBeenCalled()
   })
 
   it('should not crash if no href', () => {
     isMobileApp.mockReturnValue(true)
     spyConsoleError.mockImplementation(() => {})
-    const root = shallow(
+    const { container } = render(
       <AppLinker onAppSwitch={appSwitchMock} app={app}>
-        {({ onClick, href, name }) => (
-          <div>
-            <a href={href} onClick={onClick}>
-              Open {name}
-            </a>
-          </div>
-        )}
+        {({ onClick, href, name }) => {
+          return (
+            <div>
+              <a href={href} onClick={onClick}>
+                Open {name}
+              </a>
+            </div>
+          )
+        }}
       </AppLinker>
     )
-    expect(root.getElement()).toMatchSnapshot()
+    expect(container).toMatchSnapshot()
   })
 })

package/react/BottomSheet/BottomSheet.jsx

@@ -154,11 +154,10 @@ const BottomSheet = ({
     ANIMATION_DURATION,
     isClosable && isBottomPosition
   )
+  const innerContentHeight = innerContentRef?.current?.offsetHeight ?? 0
 
   useEffect(() => {
     const headerContent = headerContentRef.current
-    const innerContent = innerContentRef.current
-    const innerContentHeight = innerContent.offsetHeight
     const actionButtonsHeight = headerContent
       ? parseFloat(getComputedStyle(headerContent).getPropertyValue('height'))
       : 0
@@ -192,7 +191,7 @@ const BottomSheet = ({
     // Used so that the BottomSheet can be opened to the top without stopping at the content height
     setBottomSpacerHeight(bottomSpacerHeight)
   }, [
-    innerContentRef,
+    innerContentHeight,
     toolbarProps,
     mediumHeightRatio,
     mediumHeight,

package/react/Icons/BillPermissions.jsx

@@ -1,7 +1,7 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/bill.svg` to regenerate;
 import React from 'react'
 
-function SvgBill(props) {
+function SvgBillPermissions(props) {
   return (
     <svg viewBox="0 0 48 48" {...props}>
       <g fill="none" fillRule="evenodd">
@@ -22,4 +22,4 @@ function SvgBill(props) {
   )
 }
 
-export default SvgBill
+export default SvgBillPermissions

package/react/Icons/CalendarPermissions.jsx

@@ -1,7 +1,7 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/calendar.svg` to regenerate;
 import React from 'react'
 
-function SvgCalendar(props) {
+function SvgCalendarPermissions(props) {
   return (
     <svg viewBox="0 0 48 48" fill="none" {...props}>
       <rect y={4} width={48} height={44} rx={8} fill="#D1D5DB" />
@@ -17,4 +17,4 @@ function SvgCalendar(props) {
   )
 }
 
-export default SvgCalendar
+export default SvgCalendarPermissions

package/react/Icons/CertifiedPermissions.jsx

@@ -1,7 +1,7 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/certified.svg` to regenerate;
 import React from 'react'
 
-function SvgCertified(props) {
+function SvgCertifiedPermissions(props) {
   return (
     <svg viewBox="0 0 48 48" {...props}>
       <g fill="none" fillRule="evenodd" transform="translate(6)">
@@ -19,4 +19,4 @@ function SvgCertified(props) {
   )
 }
 
-export default SvgCertified
+export default SvgCertifiedPermissions

package/react/Icons/HomePermissions.jsx

@@ -1,7 +1,7 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/home.svg` to regenerate;
 import React from 'react'
 
-function SvgHome(props) {
+function SvgHomePermissions(props) {
   return (
     <svg viewBox="0 0 48 48" {...props}>
       <g fill="none" fillRule="evenodd">
@@ -15,4 +15,4 @@ function SvgHome(props) {
   )
 }
 
-export default SvgHome
+export default SvgHomePermissions

package/react/Icons/LocationPermissions.jsx

@@ -1,7 +1,7 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/location.svg` to regenerate;
 import React from 'react'
 
-function SvgLocation(props) {
+function SvgLocationPermissions(props) {
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path
@@ -13,4 +13,4 @@ function SvgLocation(props) {
   )
 }
 
-export default SvgLocation
+export default SvgLocationPermissions

package/react/Icons/SafePermissions.jsx

@@ -1,7 +1,7 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/safe.svg` to regenerate;
 import React from 'react'
 
-function SvgSafe(props) {
+function SvgSafePermissions(props) {
   return (
     <svg viewBox="0 0 48 48" {...props}>
       <g fill="none" fillRule="evenodd">
@@ -22,4 +22,4 @@ function SvgSafe(props) {
   )
 }
 
-export default SvgSafe
+export default SvgSafePermissions

package/react/__snapshots__/examples.spec.jsx.snap

@@ -5745,7 +5745,7 @@ exports[`Icon should render examples: Icon 4`] = `
           <path stroke=\\"#5d6165\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" d=\\"M35 41H13V17h22zM13 22h22m-22 6h22m-22 6h22M20 17v24\\"></path>
         </g>
       </svg>
-      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">Bill</p>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">BillPermissions</p>
     </div>
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 48 48\\" fill=\\"none\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M0 2.996A2.992 2.992 0 013.003 0h41.994A3 3 0 0148 2.996v33.008A3.006 3.006 0 0145.009 39H27L9 48v-9H3c-1.657 0-3-1.343-3-2.995V2.995z\\" fill=\\"#D6D8DA\\"></path>
@@ -5758,7 +5758,7 @@ exports[`Icon should render examples: Icon 4`] = `
         <path d=\\"M0 12a8 8 0 018-8h32a8 8 0 018 8v4H0v-4zm6 15a3 3 0 116 0 3 3 0 01-6 0zm3 7a3 3 0 100 6 3 3 0 000-6zm7-7a3 3 0 116 0 3 3 0 01-6 0zm3 7a3 3 0 100 6 3 3 0 000-6zm7-7a3 3 0 116 0 3 3 0 01-6 0zm3 7a3 3 0 100 6 3 3 0 000-6zm7-7a3 3 0 116 0 3 3 0 01-6 0zm3 7a3 3 0 100 6 3 3 0 000-6z\\" fill=\\"#5D6165\\"></path>
         <path d=\\"M12 0a3 3 0 00-3 3v6a3 3 0 106 0V3a3 3 0 00-3-3zm24 0a3 3 0 00-3 3v6a3 3 0 106 0V3a3 3 0 00-3-3z\\" fill=\\"#95999D\\"></path>
       </svg>
-      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">Calendar</p>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">CalendarPermissions</p>
     </div>
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 48 48\\" fill=\\"none\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M21 48C9.402 48 0 38.598 0 27S9.402 6 21 6v21h21c0 11.598-9.402 21-21 21z\\" fill=\\"#D6D8DA\\"></path>
@@ -5773,7 +5773,7 @@ exports[`Icon should render examples: Icon 4`] = `
           <circle cx=\\"18\\" cy=\\"18\\" r=\\"9\\" fill=\\"#D6D8DA\\"></circle>
         </g>
       </svg>
-      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">Certified</p>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">CertifiedPermissions</p>
     </div>
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <g fill=\\"none\\" fill-rule=\\"evenodd\\">
@@ -5897,7 +5897,7 @@ exports[`Icon should render examples: Icon 4`] = `
           <path fill=\\"#d6d8da\\" d=\\"M14 33h8v14h-8z\\"></path>
         </g>
       </svg>
-      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">Home</p>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">HomePermissions</p>
     </div>
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <g fill=\\"none\\" fill-rule=\\"evenodd\\">
@@ -5928,7 +5928,7 @@ exports[`Icon should render examples: Icon 4`] = `
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <path d=\\"M8 0c3.99 0 7 2.866 7 6.667 0 4.782-6.508 9.089-6.784 9.27a.398.398 0 01-.432 0C7.507 15.756 1 11.45 1 6.667 1 2.866 4.01 0 8 0zm0 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5z\\" fill=\\"#5d6165\\" fill-rule=\\"evenodd\\"></path>
       </svg>
-      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">Location</p>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">LocationPermissions</p>
     </div>
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <g fill=\\"none\\" fill-rule=\\"evenodd\\">
@@ -6020,7 +6020,7 @@ exports[`Icon should render examples: Icon 4`] = `
           <path fill=\\"#5D6165\\" d=\\"M24 34a11.5 11.5 0 100-23 11.5 11.5 0 000 23zm-7.92-7.07l-2.25 1-.67-1.5 2.25-1a.82.82 0 11.67 1.5zm5.45 4.3l-.88 2.3-1.54-.59.89-2.3a.82.82 0 111.53.59zm-5.2-11.67a.82.82 0 01-1.06.47l-2.3-.88.59-1.54 2.3.89c.42.16.63.63.47 1.06zM27 21.16a3.29 3.29 0 11-6 2.68 3.29 3.29 0 016-2.68zm2.43 11.51l-1.5.67-1-2.25a.82.82 0 111.5-.67l1 2.25zM20.66 15c-.42.18-.9 0-1.09-.42l-1-2.25 1.5-.67 1 2.25c.19.42 0 .9-.41 1.09zm14.37 10.85l-.59 1.54-2.3-.89a.82.82 0 11.59-1.53l2.3.88zm-6.14-13.8l-.89 2.3a.82.82 0 11-1.53-.58l.88-2.3 1.54.59zm5.95 6.52l-2.25 1a.82.82 0 11-.67-1.5l2.25-1 .67 1.5z\\"></path>
         </g>
       </svg>
-      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">Safe</p>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">SafePermissions</p>
     </div>
     <div class=\\"makeStyles-iconTile-108 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <g fill=\\"#5d6165\\" fill-rule=\\"evenodd\\">

package/transpiled/react/AppLinker/index.js

@@ -19,6 +19,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import { withClient } from 'cozy-client';
 import { checkApp, startApp, isMobileApp, isMobile, openDeeplinkOrRedirect, isAndroid, isFlagshipApp } from 'cozy-device-helper';
 import { WebviewContext } from 'cozy-intent';
 import logger from 'cozy-logger';
@@ -150,6 +151,7 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
     key: "getOnClickHref",
     value: function getOnClickHref(props, nativeAppIsAvailable, context, imgRef) {
       var app = props.app,
+          client = props.client,
           nativePath = props.nativePath;
       var slug = AppLinker.getSlug(props);
       var href = props.href;
@@ -158,14 +160,19 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
       var appInfo = NATIVE_APP_INFOS[slug];
 
       if (isFlagshipApp()) {
-        var imgPayload = imgRef && JSON.stringify(_objectSpread({}, imgRef.getBoundingClientRect().toJSON()));
-        return {
-          onClick: function onClick(event) {
-            event.preventDefault();
-            context ? context.call('openApp', href, app, imgPayload) : logger.error("Failed to \"openApp(".concat(app, ")\". WebviewService has the following falsy value \"").concat(context, "\" in AppLinker's context."));
-          },
-          href: '#'
-        };
+        var _ref = client ? client.getInstanceOptions() : undefined,
+            currentApp = _ref.app;
+
+        if (currentApp === undefined || app.slug !== currentApp.slug) {
+          var imgPayload = imgRef && JSON.stringify(_objectSpread({}, imgRef.getBoundingClientRect().toJSON()));
+          return {
+            onClick: function onClick(event) {
+              event.preventDefault();
+              context ? context.call('openApp', href, app, imgPayload) : logger.error("Failed to \"openApp(".concat(app, ")\". WebviewService has the following falsy value \"").concat(context, "\" in AppLinker's context."));
+            },
+            href: '#'
+          };
+        }
       }
 
       if (usingNativeApp) {
@@ -290,5 +297,5 @@ AppLinker.propTypes = {
     })
   }).isRequired
 };
-export default AppLinker;
+export default withClient(AppLinker);
 export { NATIVE_APP_INFOS, getUniversalLinkDomain, generateWebLink, generateUniversalLink };

package/transpiled/react/BottomSheet/BottomSheet.js

@@ -75,6 +75,8 @@ var defaultSettings = {
 };
 
 var BottomSheet = function BottomSheet(_ref2) {
+  var _innerContentRef$curr, _innerContentRef$curr2;
+
   var toolbarProps = _ref2.toolbarProps,
       settings = _ref2.settings,
       backdrop = _ref2.backdrop,
@@ -177,10 +179,9 @@ var BottomSheet = function BottomSheet(_ref2) {
   useTimeoutWhen(function () {
     return handleClose();
   }, ANIMATION_DURATION, isClosable && isBottomPosition);
+  var innerContentHeight = (_innerContentRef$curr = innerContentRef === null || innerContentRef === void 0 ? void 0 : (_innerContentRef$curr2 = innerContentRef.current) === null || _innerContentRef$curr2 === void 0 ? void 0 : _innerContentRef$curr2.offsetHeight) !== null && _innerContentRef$curr !== void 0 ? _innerContentRef$curr : 0;
   useEffect(function () {
     var headerContent = headerContentRef.current;
-    var innerContent = innerContentRef.current;
-    var innerContentHeight = innerContent.offsetHeight;
     var actionButtonsHeight = headerContent ? parseFloat(getComputedStyle(headerContent).getPropertyValue('height')) : 0;
     var actionButtonsBottomMargin = headerContent ? parseFloat(getComputedStyle(headerContent).getPropertyValue('padding-bottom')) : 0;
     var maxHeight = computeMaxHeight(toolbarProps);
@@ -207,7 +208,7 @@ var BottomSheet = function BottomSheet(_ref2) {
     setInitPos(computedMediumHeight); // Used so that the BottomSheet can be opened to the top without stopping at the content height
 
     setBottomSpacerHeight(bottomSpacerHeight);
-  }, [innerContentRef, toolbarProps, mediumHeightRatio, mediumHeight, showBackdrop, backdrop, isClosable]);
+  }, [innerContentHeight, toolbarProps, mediumHeightRatio, mediumHeight, showBackdrop, backdrop, isClosable]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, getFlagshipMetadata().immersive && /*#__PURE__*/React.createElement("span", {
     style: styles.flagshipImmersive
   }), /*#__PURE__*/React.createElement(BackdropOrFragment, {

package/transpiled/react/Icons/BillPermissions.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/bill.svg` to regenerate;
 import React from 'react';
 
-function SvgBill(props) {
+function SvgBillPermissions(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 48 48"
   }, props), /*#__PURE__*/React.createElement("g", {
@@ -23,4 +23,4 @@ function SvgBill(props) {
   })));
 }
 
-export default SvgBill;
+export default SvgBillPermissions;

package/transpiled/react/Icons/CalendarPermissions.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/calendar.svg` to regenerate;
 import React from 'react';
 
-function SvgCalendar(props) {
+function SvgCalendarPermissions(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 48 48",
     fill: "none"
@@ -21,4 +21,4 @@ function SvgCalendar(props) {
   }));
 }
 
-export default SvgCalendar;
+export default SvgCalendarPermissions;

package/transpiled/react/Icons/CertifiedPermissions.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/certified.svg` to regenerate;
 import React from 'react';
 
-function SvgCertified(props) {
+function SvgCertifiedPermissions(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 48 48"
   }, props), /*#__PURE__*/React.createElement("g", {
@@ -23,4 +23,4 @@ function SvgCertified(props) {
   })));
 }
 
-export default SvgCertified;
+export default SvgCertifiedPermissions;

package/transpiled/react/Icons/HomePermissions.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/home.svg` to regenerate;
 import React from 'react';
 
-function SvgHome(props) {
+function SvgHomePermissions(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 48 48"
   }, props), /*#__PURE__*/React.createElement("g", {
@@ -17,4 +17,4 @@ function SvgHome(props) {
   })));
 }
 
-export default SvgHome;
+export default SvgHomePermissions;

package/transpiled/react/Icons/LocationPermissions.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/location.svg` to regenerate;
 import React from 'react';
 
-function SvgLocation(props) {
+function SvgLocationPermissions(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 16 16"
   }, props), /*#__PURE__*/React.createElement("path", {
@@ -12,4 +12,4 @@ function SvgLocation(props) {
   }));
 }
 
-export default SvgLocation;
+export default SvgLocationPermissions;

package/transpiled/react/Icons/SafePermissions.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/safe.svg` to regenerate;
 import React from 'react';
 
-function SvgSafe(props) {
+function SvgSafePermissions(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 48 48"
   }, props), /*#__PURE__*/React.createElement("g", {
@@ -20,4 +20,4 @@ function SvgSafe(props) {
   })));
 }
 
-export default SvgSafe;
+export default SvgSafePermissions;