cozy-ui 116.0.0 → 117.1.0

package/transpiled/react/AppLinker/index.js

@@ -1,4 +1,3 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -11,8 +10,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -20,20 +17,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import PropTypes from 'prop-types';
 import React from 'react';
 import { withClient } from 'cozy-client';
-import { checkApp, startApp, isMobileApp, isMobile, openDeeplinkOrRedirect, isAndroid, isFlagshipApp } from 'cozy-device-helper';
+import { isFlagshipApp } from 'cozy-device-helper';
 import { WebviewContext } from 'cozy-intent';
 import logger from 'cozy-logger';
-import expiringMemoize from "cozy-ui/transpiled/react/AppLinker/expiringMemoize";
 import { generateUniversalLink, generateWebLink, getUniversalLinkDomain } from "cozy-ui/transpiled/react/AppLinker/native";
-import { NATIVE_APP_INFOS } from "cozy-ui/transpiled/react/AppLinker/native.config";
-var expirationDelay = 10 * 1000;
-var memoizedCheckApp = expiringMemoize(function (appInfo) {
-  return checkApp(appInfo).catch(function () {
-    return false;
-  });
-}, expirationDelay, function (appInfo) {
-  return appInfo.appId;
-});
 export var AppLinker = /*#__PURE__*/function (_React$Component) {
   _inherits(AppLinker, _React$Component);
 
@@ -47,8 +34,7 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
-      nativeAppIsAvailable: null,
-      isFetchingAppInfo: false
+      imgRef: null
     });
 
     _defineProperty(_assertThisInitialized(_this), "setImgRef", function (img) {
@@ -59,105 +45,36 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _this.imgRef = null;
     return _this;
   }
 
   _createClass(AppLinker, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (isMobileApp()) {
-        this.checkAppAvailability();
-      }
-    }
-  }, {
-    key: "checkAppAvailability",
-    value: function () {
-      var _checkAppAvailability = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var slug, appInfo, nativeAppIsAvailable;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                slug = AppLinker.getSlug(this.props);
-                appInfo = NATIVE_APP_INFOS[slug];
-
-                if (!appInfo) {
-                  _context.next = 9;
-                  break;
-                }
-
-                _context.t0 = Boolean;
-                _context.next = 6;
-                return memoizedCheckApp(appInfo);
-
-              case 6:
-                _context.t1 = _context.sent;
-                nativeAppIsAvailable = (0, _context.t0)(_context.t1);
-                this.setState({
-                  nativeAppIsAvailable: nativeAppIsAvailable
-                });
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function checkAppAvailability() {
-        return _checkAppAvailability.apply(this, arguments);
-      }
-
-      return checkAppAvailability;
-    }()
-  }, {
     key: "render",
     value: function render() {
       var children = this.props.children;
-      AppLinker.deprecateSlug(this.props);
-      var slug = AppLinker.getSlug(this.props);
-      var nativeAppIsAvailable = this.state.nativeAppIsAvailable;
-      var appInfo = NATIVE_APP_INFOS[slug];
 
-      var _AppLinker$getOnClick = AppLinker.getOnClickHref(this.props, nativeAppIsAvailable, this.context, this.state.imgRef),
+      var _AppLinker$getOnClick = AppLinker.getOnClickHref(this.props, this.context, this.state.imgRef),
           href = _AppLinker$getOnClick.href,
           onClick = _AppLinker$getOnClick.onClick;
 
-      return children(_objectSpread(_objectSpread({}, appInfo), {}, {
+      return children({
         iconRef: this.setImgRef,
         onClick: onClick,
         href: href
-      }));
+      });
     }
   }], [{
     key: "getSlug",
     value: function getSlug(props) {
-      if (props.app && props.app.slug) {
-        return props.app.slug;
-      }
-
-      return props.slug;
-    }
-  }, {
-    key: "deprecateSlug",
-    value: function deprecateSlug(props) {
-      if (props.slug) {
-        console.warn("AppLinker's 'slug' prop is deprecated, please use 'app.slug' instead");
-      }
+      return props.app.slug;
     }
   }, {
     key: "getOnClickHref",
-    value: function getOnClickHref(props, nativeAppIsAvailable, context, imgRef) {
+    value: function getOnClickHref(props, context, imgRef) {
       var app = props.app,
-          client = props.client,
-          nativePath = props.nativePath;
-      var slug = AppLinker.getSlug(props);
+          client = props.client;
       var href = props.href;
       var onClick = null;
-      var usingNativeApp = isMobileApp();
-      var appInfo = NATIVE_APP_INFOS[slug];
 
       if (isFlagshipApp()) {
         var _ref = client ? client.getInstanceOptions() : undefined,
@@ -175,64 +92,11 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
         }
       }
 
-      if (usingNativeApp) {
-        if (nativeAppIsAvailable) {
-          // If we are on the native app and the other native app is available,
-          // we open the native app
-          onClick = AppLinker.openNativeFromNative.bind(this, props);
-          href = '#';
-        } else {
-          // If we are on a native app, but the other native app is not available
-          // we open the web link, this is done by the href prop. We still
-          // have to call the prop callback
-          onClick = AppLinker.openWeb.bind(this, props);
-        }
-      } else if (isMobile() && appInfo) {
-        // If we are on the "mobile web version", we try to open the native app
-        // if it exists with an universal links. If it fails, we redirect to the web
-        // version of the requested app
-        // Only on iOS ATM
-        if (isAndroid()) {
-          onClick = AppLinker.openNativeFromWeb.bind(this, props);
-        } else {
-          // Since generateUniversalLink can rise an error, let's catch it to not crash
-          // all the page.
-          try {
-            href = generateUniversalLink({
-              slug: slug,
-              nativePath: nativePath,
-              fallbackUrl: href
-            });
-          } catch (err) {
-            console.error(err);
-            href = '#';
-          }
-        }
-      }
-
       return {
         href: href,
         onClick: onClick
       };
     }
-  }, {
-    key: "openNativeFromWeb",
-    value: function openNativeFromWeb(props, ev) {
-      var href = props.href,
-          nativePath = props.nativePath,
-          onAppSwitch = props.onAppSwitch;
-      var slug = AppLinker.getSlug(props);
-      var appInfo = NATIVE_APP_INFOS[slug];
-
-      if (ev) {
-        ev.preventDefault();
-      }
-
-      AppLinker.onAppSwitch(onAppSwitch);
-      openDeeplinkOrRedirect(appInfo.uri + (nativePath === '/' ? '' : nativePath), function () {
-        window.location.href = href;
-      });
-    }
   }, {
     key: "onAppSwitch",
     value: function onAppSwitch(onAppSwitchFn) {
@@ -240,22 +104,6 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
         onAppSwitchFn();
       }
     }
-  }, {
-    key: "openNativeFromNative",
-    value: function openNativeFromNative(props, ev) {
-      var onAppSwitch = props.onAppSwitch;
-      var slug = AppLinker.getSlug(props);
-
-      if (ev) {
-        ev.preventDefault();
-      }
-
-      var appInfo = NATIVE_APP_INFOS[slug];
-      AppLinker.onAppSwitch(onAppSwitch);
-      startApp(appInfo).catch(function (err) {
-        console.error('AppLinker: Could not open native app', err);
-      });
-    }
   }, {
     key: "openWeb",
     value: function openWeb(props) {
@@ -268,34 +116,17 @@ export var AppLinker = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(AppLinker, "contextType", WebviewContext);
 
-AppLinker.defaultProps = {
-  nativePath: '/'
-};
 AppLinker.propTypes = {
-  /** DEPRECATED: please use app.slug prop */
-  slug: PropTypes.string,
-
   /*
   Full web url : Used by default on desktop browser
   Used as a fallback_uri on mobile web
   */
   href: PropTypes.string,
-
-  /*
-    Path used for "native link"
-  */
-  nativePath: PropTypes.string,
   onAppSwitch: PropTypes.func,
   app: PropTypes.shape({
     // Slug of the app : drive / banks ...
-    slug: PropTypes.string.isRequired,
-    // Information about mobile native app
-    mobile: PropTypes.shape({
-      schema: PropTypes.string,
-      id_playstore: PropTypes.string,
-      id_appstore: PropTypes.string
-    })
+    slug: PropTypes.string.isRequired
   }).isRequired
 };
 export default withClient(AppLinker);
-export { NATIVE_APP_INFOS, getUniversalLinkDomain, generateWebLink, generateUniversalLink };
+export { getUniversalLinkDomain, generateWebLink, generateUniversalLink };

package/transpiled/react/AppLinker/native.config.js

@@ -1,14 +1 @@
-import { isAndroidApp } from 'cozy-device-helper';
-export var NATIVE_APP_INFOS = {
-  drive: {
-    appId: 'io.cozy.drive.mobile',
-    uri: 'cozydrive://',
-    name: 'Cozy Drive'
-  },
-  banks: {
-    appId: isAndroidApp() ? 'io.cozy.banks.mobile' : 'io.cozy.banks',
-    uri: 'cozybanks://',
-    name: 'Cozy Banks'
-  }
-};
 export var UNIVERSAL_LINK_URL = 'https://links.mycozy.cloud';

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

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`app icon should not crash if no href 1`] = `
-<div>
-  <div>
-    <a>
-      Open 
-      Cozy Drive
-    </a>
-  </div>
-</div>
-`;
-
-exports[`app icon should render correctly 1`] = `
-<div>
-  <div>
-    <a
-      href="https://fake.link"
-    >
-      Open 
-      Cozy Drive
-    </a>
-  </div>
-</div>
-`;

package/react/AppLinker/expiringMemoize.js

@@ -1,13 +0,0 @@
-export default function (fn, duration, keyFn) {
-  const memo = {}
-  return arg => {
-    const key = keyFn(arg)
-    const memoInfo = memo[key]
-    const uptodate =
-      memoInfo && memoInfo.result && memoInfo.date - Date.now() < duration
-    if (!uptodate) {
-      memo[key] = { result: fn(arg), date: Date.now() }
-    }
-    return memo[key].result
-  }
-}

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

@@ -1,162 +0,0 @@
-/**
- * Those tests are here to test previous AppLinker implementation base on
- * `slug` prop.
- * Now that AppLinkers implements `app` prop and uses `app.slug`, the old
- * `slug` prop is deprecated
- * Those tests should be kept until `slug` prop is completely removed
- */
-
-import { render } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import React from 'react'
-
-import {
-  isMobileApp,
-  isMobile,
-  openDeeplinkOrRedirect,
-  startApp,
-  isAndroid,
-  checkApp
-} from 'cozy-device-helper'
-
-import AppLinker from '.'
-import { generateUniversalLink } from './native'
-jest.useFakeTimers()
-
-const setup = ({ app, onAppSwitch }) => {
-  return {
-    user: userEvent.setup({ delay: null }),
-    ...render(
-      <AppLinker
-        onAppSwitch={onAppSwitch}
-        slug={app.slug}
-        href="https://fake.link"
-      >
-        {({ onClick, href, name }) => (
-          <div>
-            <a href={href} onClick={onClick}>
-              Open {name}
-            </a>
-          </div>
-        )}
-      </AppLinker>
-    )
-  }
-}
-
-jest.mock('./native', () => ({
-  ...jest.requireActual('./native'),
-  generateUniversalLink: jest.fn()
-}))
-
-jest.mock('cozy-device-helper', () => ({
-  ...jest.requireActual('cozy-device-helper'),
-  isMobileApp: jest.fn(),
-  isMobile: jest.fn(),
-  openDeeplinkOrRedirect: jest.fn(),
-  startApp: jest.fn().mockResolvedValue(),
-  isAndroid: jest.fn(),
-  checkApp: jest.fn()
-}))
-
-const app = {
-  slug: 'drive',
-  name: 'Drive'
-}
-
-describe('app icon', () => {
-  let spyConsoleError, spyConsoleWarn, appSwitchMock
-
-  beforeEach(() => {
-    isMobileApp.mockReturnValue(false)
-    spyConsoleError = jest.spyOn(console, 'error')
-    spyConsoleError.mockImplementation(() => {})
-    spyConsoleWarn = jest.spyOn(console, 'warn')
-    spyConsoleWarn.mockImplementation(() => {})
-    isMobileApp.mockReturnValue(false)
-    isMobile.mockReturnValue(false)
-    isAndroid.mockReturnValue(false)
-    appSwitchMock = jest.fn()
-  })
-
-  afterEach(() => {
-    spyConsoleError.mockRestore()
-    spyConsoleWarn.mockRestore()
-    jest.restoreAllMocks()
-  })
-
-  it('should render correctly', () => {
-    const { container } = setup({ app })
-    expect(container).toMatchSnapshot()
-  })
-
-  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)
-    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',
-      uri: 'cozydrive://'
-    })
-    expect(appSwitchMock).toHaveBeenCalled()
-  })
-
-  it('should work for web -> native for Android (custom schema)', async () => {
-    isMobile.mockReturnValue(true)
-    isAndroid.mockResolvedValue(true)
-    const { container, user } = setup({ app, onAppSwitch: appSwitchMock })
-    const link = container.querySelector('a')
-    await user.click(link)
-    expect(openDeeplinkOrRedirect).toHaveBeenCalledWith(
-      'cozydrive://',
-      expect.any(Function)
-    )
-    expect(appSwitchMock).toHaveBeenCalled()
-  })
-
-  it('should work for web -> native for iOS (universal link)', async () => {
-    isMobile.mockReturnValue(true)
-    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', async () => {
-    isMobileApp.mockReturnValue(true)
-    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 { container } = render(
-      <AppLinker onAppSwitch={appSwitchMock} slug={app.slug}>
-        {({ onClick, href, name }) => (
-          <div>
-            <a href={href} onClick={onClick}>
-              Open {name}
-            </a>
-          </div>
-        )}
-      </AppLinker>
-    )
-    expect(container).toMatchSnapshot()
-  })
-})

package/transpiled/react/AppLinker/expiringMemoize.js

@@ -1,17 +0,0 @@
-export default function (fn, duration, keyFn) {
-  var memo = {};
-  return function (arg) {
-    var key = keyFn(arg);
-    var memoInfo = memo[key];
-    var uptodate = memoInfo && memoInfo.result && memoInfo.date - Date.now() < duration;
-
-    if (!uptodate) {
-      memo[key] = {
-        result: fn(arg),
-        date: Date.now()
-      };
-    }
-
-    return memo[key].result;
-  };
-}