cozy-ui 131.2.0 → 133.0.0-beta.1

package/transpiled/react/FilePicker/FilePickerFooter.js

@@ -1,71 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { memo } from 'react';
-var en = {
-  footer: {
-    buttons: {
-      cancel: "Cancel",
-      confirm: "Select"
-    }
-  }
-};
-var fr = {
-  footer: {
-    buttons: {
-      cancel: "Annuler",
-      confirm: "S\xE9lectionner"
-    }
-  }
-};
-var ru = {
-  footer: {
-    buttons: {
-      cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
-      confirm: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"
-    }
-  }
-};
-var vi = {
-  footer: {
-    buttons: {
-      cancel: "H\u1EE7y",
-      confirm: "Ch\u1ECDn"
-    }
-  }
-};
-import Button from "cozy-ui/transpiled/react/deprecated/Button";
-import { createUseI18n } from "cozy-ui/transpiled/react/providers/I18n";
-var locales = {
-  en: en,
-  fr: fr,
-  ru: ru,
-  vi: vi
-};
-var useI18n = createUseI18n(locales);
-
-var FilePickerFooter = function FilePickerFooter(_ref) {
-  var onConfirm = _ref.onConfirm,
-      onClose = _ref.onClose,
-      disabledConfirm = _ref.disabledConfirm;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "close-btn",
-    label: t('footer.buttons.cancel'),
-    theme: "secondary",
-    onClick: onClose
-  }), /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "confirm-btn",
-    label: t('footer.buttons.confirm'),
-    onClick: onConfirm,
-    disabled: disabledConfirm
-  }));
-};
-
-FilePickerFooter.propTypes = {
-  onConfirm: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  disabledConfirm: PropTypes.bool.isRequired
-};
-export default /*#__PURE__*/memo(FilePickerFooter);

package/transpiled/react/FilePicker/FilePickerFooter.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/transpiled/react/FilePicker/FilePickerHeader.d.ts

@@ -1,14 +0,0 @@
-declare var _default: React.MemoExoticComponent<{
-    ({ navigateTo, folderId, onClose }: {
-        navigateTo: any;
-        folderId: any;
-        onClose: any;
-    }): JSX.Element;
-    propTypes: {
-        folderId: PropTypes.Validator<string>;
-        navigateTo: PropTypes.Validator<(...args: any[]) => any>;
-    };
-}>;
-export default _default;
-import PropTypes from "prop-types";
-import React from "react";

package/transpiled/react/FilePicker/FilePickerHeader.js

@@ -1,81 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["data"];
-import get from 'lodash/get';
-import uniqBy from 'lodash/uniqBy';
-import PropTypes from 'prop-types';
-import React, { useCallback, memo } from 'react';
-import { useQuery, hasQueryBeenLoaded } from 'cozy-client';
-import { ROOT_DIR_ID } from "cozy-ui/transpiled/react/FilePicker";
-import FilePickerBreadcrumb from "cozy-ui/transpiled/react/FilePicker/FilePickerBreadcrumb";
-import { buildCurrentFolderQuery } from "cozy-ui/transpiled/react/FilePicker/queries";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import Previous from "cozy-ui/transpiled/react/Icons/Previous";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-/**
- * @param {IOCozyFolder} displayedFolder - An io.cozy.files folder
- * @returns {{id: string, name: string}[]}
- */
-
-var getBreadcrumbPath = function getBreadcrumbPath(displayedFolder) {
-  return uniqBy([{
-    id: ROOT_DIR_ID
-  }, {
-    id: get(displayedFolder, 'dir_id')
-  }, {
-    id: displayedFolder.id,
-    name: displayedFolder.name
-  }], 'id').filter(function (_ref) {
-    var id = _ref.id;
-    return Boolean(id);
-  }).map(function (breadcrumb) {
-    return {
-      id: breadcrumb.id,
-      name: breadcrumb.name || (breadcrumb.id === ROOT_DIR_ID ? 'Drive' : '…')
-    };
-  });
-};
-
-var FilePickerHeader = function FilePickerHeader(_ref2) {
-  var navigateTo = _ref2.navigateTo,
-      folderId = _ref2.folderId,
-      onClose = _ref2.onClose;
-
-  var _useBreakpoints = useBreakpoints(),
-      isMobile = _useBreakpoints.isMobile;
-
-  var currentFolderQuery = buildCurrentFolderQuery(folderId);
-
-  var _useQuery = useQuery(currentFolderQuery.definition, currentFolderQuery.options),
-      currentFolder = _useQuery.data,
-      restCurrentFolder = _objectWithoutProperties(_useQuery, _excluded); // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
-  var path = hasQueryBeenLoaded(restCurrentFolder) ? getBreadcrumbPath(currentFolder[0]) : [];
-  var onBack = useCallback(function (path) {
-    return navigateTo(path);
-  }, [navigateTo]);
-  var handleClick = useCallback(function () {
-    path.length > 1 && isMobile ? onBack(path[path.length - 2]) : onClose();
-  }, [isMobile, path, onBack, onClose]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "u-flex u-flex-items-center"
-  }, isMobile && /*#__PURE__*/React.createElement(IconButton, {
-    onClick: handleClick,
-    className: "u-p-0 u-pr-1",
-    size: "medium"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: Previous
-  })), /*#__PURE__*/React.createElement(FilePickerBreadcrumb, {
-    path: path,
-    onBreadcrumbClick: navigateTo,
-    opening: false,
-    inlined: true
-  }));
-};
-
-FilePickerHeader.propTypes = {
-  folderId: PropTypes.string.isRequired,
-  navigateTo: PropTypes.func.isRequired
-};
-export default /*#__PURE__*/memo(FilePickerHeader);

package/transpiled/react/FilePicker/index.d.ts

@@ -1,22 +0,0 @@
-export const ROOT_DIR_ID: "io.cozy.files.root-dir";
-declare var _default: React.MemoExoticComponent<{
-    ({ onClose, onChange, accept, multiple }: {
-        onClose: any;
-        onChange: any;
-        accept: any;
-        multiple: any;
-    }): JSX.Element;
-    propTypes: {
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        accept: PropTypes.Requireable<string>;
-        multiple: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        accept: string;
-        multiple: boolean;
-    };
-}>;
-export default _default;
-import PropTypes from "prop-types";
-import React from "react";

package/transpiled/react/FilePicker/index.js

@@ -1,98 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import PropTypes from 'prop-types';
-import React, { useState, memo } from 'react';
-import FilePickerBody from "cozy-ui/transpiled/react/FilePicker/FilePickerBody";
-import FilePickerFooter from "cozy-ui/transpiled/react/FilePicker/FilePickerFooter";
-import FilePickerHeader from "cozy-ui/transpiled/react/FilePicker/FilePickerHeader";
-import { FixedDialog } from "cozy-ui/transpiled/react/CozyDialogs";
-import { getCompliantTypes } from "cozy-ui/transpiled/react/helpers/acceptedTypes";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-var useStyles = makeStyles(function () {
-  return {
-    paper: {
-      height: '100%'
-    }
-  };
-});
-export var ROOT_DIR_ID = 'io.cozy.files.root-dir';
-
-var FilePicker = function FilePicker(_ref) {
-  var onClose = _ref.onClose,
-      onChange = _ref.onChange,
-      accept = _ref.accept,
-      multiple = _ref.multiple;
-
-  var _useBreakpoints = useBreakpoints(),
-      isMobile = _useBreakpoints.isMobile;
-
-  var classes = useStyles();
-
-  var _useState = useState(ROOT_DIR_ID),
-      _useState2 = _slicedToArray(_useState, 2),
-      folderId = _useState2[0],
-      setFolderId = _useState2[1];
-
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      itemsIdsSelected = _useState4[0],
-      setItemsIdsSelected = _useState4[1];
-
-  var onSelectItemId = function onSelectItemId(fileId) {
-    if (!multiple) {
-      handleConfirm(null, fileId);
-    } else {
-      setItemsIdsSelected(fileId);
-    }
-  };
-
-  var navigateTo = function navigateTo(folder) {
-    return setFolderId(folder.id);
-  };
-
-  var handleConfirm = function handleConfirm(_, fileId) {
-    onChange(fileId ? fileId : itemsIdsSelected);
-    onClose();
-  };
-
-  var itemTypesAccepted = getCompliantTypes(accept);
-  return /*#__PURE__*/React.createElement(FixedDialog, {
-    open: true,
-    disableGutters: true,
-    onClose: isMobile ? undefined : onClose,
-    size: "large",
-    classes: {
-      paper: classes.paper
-    },
-    title: /*#__PURE__*/React.createElement(FilePickerHeader, {
-      navigateTo: navigateTo,
-      folderId: folderId,
-      onClose: onClose
-    }),
-    content: /*#__PURE__*/React.createElement(FilePickerBody, {
-      navigateTo: navigateTo,
-      onSelectItemId: onSelectItemId,
-      itemsIdsSelected: itemsIdsSelected,
-      folderId: folderId,
-      itemTypesAccepted: itemTypesAccepted,
-      multiple: multiple
-    }),
-    actions: multiple ? /*#__PURE__*/React.createElement(FilePickerFooter, {
-      onClose: onClose,
-      onConfirm: handleConfirm,
-      disabledConfirm: itemsIdsSelected.length === 0
-    }) : null
-  });
-};
-
-FilePicker.propTypes = {
-  onClose: PropTypes.func.isRequired,
-  onChange: PropTypes.func.isRequired,
-  accept: PropTypes.string,
-  multiple: PropTypes.bool
-};
-FilePicker.defaultProps = {
-  accept: '',
-  multiple: false
-};
-export default /*#__PURE__*/memo(FilePicker);

package/transpiled/react/FilePicker/queries.d.ts

@@ -1,14 +0,0 @@
-export function buildCurrentFolderQuery(folderId: any): {
-    definition: () => import("cozy-client").QueryDefinition;
-    options: {
-        as: string;
-        fetchPolicy: Function;
-    };
-};
-export function buildContentFolderQuery(dirId: any): {
-    definition: () => import("cozy-client").QueryDefinition;
-    options: {
-        as: string;
-        fetchPolicy: Function;
-    };
-};

package/transpiled/react/FilePicker/queries.js

@@ -1,45 +0,0 @@
-import { Q, fetchPolicies } from 'cozy-client';
-var FILES_DOCTYPE = 'io.cozy.files';
-var defaultFetchPolicy = fetchPolicies.olderThan(30 * 1000);
-var TRASH_DIR_ID = "".concat(FILES_DOCTYPE, ".trash-dir");
-var SHARED_DRIVES_DIR_ID = "".concat(FILES_DOCTYPE, ".shared-drives-dir");
-export var buildCurrentFolderQuery = function buildCurrentFolderQuery(folderId) {
-  return {
-    definition: function definition() {
-      return Q(FILES_DOCTYPE).getById(folderId);
-    },
-    options: {
-      as: "onlyfolder-".concat(folderId),
-      fetchPolicy: defaultFetchPolicy
-    }
-  };
-};
-export var buildContentFolderQuery = function buildContentFolderQuery(dirId) {
-  return {
-    definition: function definition() {
-      return Q(FILES_DOCTYPE).where({
-        dir_id: dirId,
-        type: {
-          $gt: null
-        },
-        name: {
-          $gt: null
-        }
-      }).partialIndex({
-        _id: {
-          $nin: [SHARED_DRIVES_DIR_ID, TRASH_DIR_ID]
-        }
-      }).indexFields(['dir_id', 'type', 'name']).sortBy([{
-        dir_id: 'asc'
-      }, {
-        type: 'asc'
-      }, {
-        name: 'asc'
-      }]).limitBy(20);
-    },
-    options: {
-      as: "buildContentFolderQuery-".concat(dirId),
-      fetchPolicy: defaultFetchPolicy
-    }
-  };
-};

package/transpiled/react/IntentDialogOpener/IntentDialogOpener.d.ts

@@ -1,32 +0,0 @@
-export default IntentDialogOpener;
-/**
- * Wrapper that adds an `onClick` handler to its children that opens a dialog
- * for the specified intent.
- */
-declare function IntentDialogOpener(props: any): JSX.Element;
-declare namespace IntentDialogOpener {
-    namespace propTypes {
-        export const children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        export const onComplete: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        export const action: PropTypes.Validator<string>;
-        export const doctype: PropTypes.Validator<string>;
-        export const closable: PropTypes.Validator<boolean>;
-        export const showCloseButton: PropTypes.Validator<boolean>;
-        export const tag: PropTypes.Validator<string>;
-        export const Component: PropTypes.Requireable<object>;
-        export { iframeProps };
-    }
-    namespace defaultProps {
-        const tag_1: string;
-        export { tag_1 as tag };
-        const closable_1: boolean;
-        export { closable_1 as closable };
-        export { Dialog as Component };
-        const showCloseButton_1: boolean;
-        export { showCloseButton_1 as showCloseButton };
-    }
-}
-import PropTypes from "prop-types";
-import { iframeProps } from "../IntentIframe";
-import Dialog from "../Dialog";

package/transpiled/react/IntentDialogOpener/IntentDialogOpener.js

@@ -1,120 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "action", "doctype", "children", "closable", "showCloseButton", "create", "tag", "onComplete", "onDismiss", "iframeProps", "Component"];
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-import { DialogCloseButton } from "cozy-ui/transpiled/react/CozyDialogs";
-import Dialog from "cozy-ui/transpiled/react/Dialog";
-import IntentIframe, { iframeProps } from "cozy-ui/transpiled/react/IntentIframe";
-/**
- * Wrapper that adds an `onClick` handler to its children that opens a dialog
- * for the specified intent.
- */
-
-var IntentDialogOpener = function IntentDialogOpener(props) {
-  var options = props.options,
-      action = props.action,
-      doctype = props.doctype,
-      children = props.children,
-      closable = props.closable,
-      showCloseButton = props.showCloseButton,
-      create = props.create,
-      tag = props.tag,
-      onComplete = props.onComplete,
-      onDismiss = props.onDismiss,
-      iframeProps = props.iframeProps,
-      Component = props.Component,
-      componentProps = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      modalOpened = _useState2[0],
-      setModalOpened = _useState2[1];
-
-  var openModal = function openModal(ev) {
-    ev.preventDefault();
-    ev.stopPropagation();
-    setModalOpened(true);
-  };
-
-  var closeModal = function closeModal() {
-    return setModalOpened(false);
-  };
-
-  var handleComplete = function handleComplete(result) {
-    closeModal();
-    onComplete && onComplete(result);
-  };
-
-  var handleDismiss = function handleDismiss() {
-    closeModal();
-    onDismiss && onDismiss();
-  };
-
-  var Tag = tag; // React needs uppercase element names
-
-  var elements = [/*#__PURE__*/React.cloneElement(children, {
-    key: 'opener',
-    onClick: openModal
-  })];
-
-  if (modalOpened) {
-    elements.push( /*#__PURE__*/React.createElement(Component, _extends({
-      key: "intent-modal",
-      open: modalOpened,
-      onClose: closable && handleDismiss
-    }, componentProps), closable && showCloseButton && /*#__PURE__*/React.createElement(DialogCloseButton, {
-      onClick: handleDismiss
-    }), /*#__PURE__*/React.createElement(IntentIframe, {
-      action: action,
-      type: doctype,
-      data: options,
-      create: create,
-      onCancel: handleDismiss,
-      onTerminate: handleComplete,
-      iframeProps: iframeProps
-    })));
-  }
-
-  return /*#__PURE__*/React.createElement(Tag, null, elements);
-};
-
-IntentDialogOpener.propTypes = {
-  /** Element on which the onClick handler will be added */
-  children: PropTypes.element.isRequired,
-
-  /** What should happen when the intent has completed */
-  onComplete: PropTypes.func,
-
-  /** What should happen when the intent has dismissed */
-  onDismiss: PropTypes.func,
-
-  /** Action you want to execute */
-  action: PropTypes.string.isRequired,
-
-  /** Doctype on which you want to execute the action */
-  doctype: PropTypes.string.isRequired,
-
-  /** Whether the dialog is closable by itself (not by the Intent) with a button or by clicking outside of it */
-  closable: PropTypes.bool.isRequired,
-
-  /** Whether the dialog close button is shown */
-  showCloseButton: PropTypes.bool.isRequired,
-
-  /** Tag used to wrap children */
-  tag: PropTypes.string.isRequired,
-
-  /** Component to be used instead of the dialog */
-  Component: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-
-  /** Props to be passed to the iframe */
-  iframeProps: iframeProps
-};
-IntentDialogOpener.defaultProps = {
-  tag: 'span',
-  closable: true,
-  Component: Dialog,
-  showCloseButton: true
-};
-export default IntentDialogOpener;

package/transpiled/react/IntentDialogOpener/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./IntentDialogOpener";

package/transpiled/react/IntentDialogOpener/index.js

@@ -1 +0,0 @@
-export { default } from './IntentDialogOpener';

package/transpiled/react/IntentIframe/IntentIframe.d.ts

@@ -1,8 +0,0 @@
-export const iframeProps: PropTypes.Requireable<PropTypes.InferProps<{
-    wrapperProps: PropTypes.Requireable<object>;
-    spinnerProps: PropTypes.Requireable<object>;
-    setIsLoading: PropTypes.Requireable<(...args: any[]) => any>;
-}>>;
-declare var _default: Function;
-export default _default;
-import PropTypes from "prop-types";

package/transpiled/react/IntentIframe/IntentIframe.js

@@ -1,159 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-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; }
-
-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; } }
-
-import get from 'lodash/get';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { withClient } from 'cozy-client';
-import { Intents } from 'cozy-interapp';
-var styles = {
-  "intentContainer": "styles__intentContainer___gZbMl",
-  "intentPlaceHolder": "styles__intentPlaceHolder___EWSR1",
-  "intentContainer__error": "styles__intentContainer__error___yQ7K8"
-};
-import Spinner from "cozy-ui/transpiled/react/Spinner";
-var DEFAULT_DATA = {
-  // TODO remove `closeable` since it is only there for backward compatibility
-  // https://mattermost.cozycloud.cc/test-team/pl/t1iagfhqp3n8mqf3nchp6bxsur
-  closeable: false,
-  exposeIntentFrameRemoval: true
-};
-
-var IntentIframe = /*#__PURE__*/function (_React$Component) {
-  _inherits(IntentIframe, _React$Component);
-
-  var _super = _createSuper(IntentIframe);
-
-  function IntentIframe() {
-    var _this;
-
-    _classCallCheck(this, IntentIframe);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      loading: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onFrameLoaded", function () {
-      var _this$props$iframePro, _this$props$iframePro2;
-
-      _this.setState({
-        loading: false
-      });
-
-      (_this$props$iframePro = _this.props.iframeProps) === null || _this$props$iframePro === void 0 ? void 0 : (_this$props$iframePro2 = _this$props$iframePro.setIsLoading) === null || _this$props$iframePro2 === void 0 ? void 0 : _this$props$iframePro2.call(_this$props$iframePro, false);
-    });
-
-    return _this;
-  }
-
-  _createClass(IntentIframe, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          action = _this$props.action,
-          data = _this$props.data,
-          type = _this$props.type,
-          onCancel = _this$props.onCancel,
-          onError = _this$props.onError,
-          onTerminate = _this$props.onTerminate,
-          client = _this$props.client;
-      console.warn('Be carful to use `withBreakpoints()` and not `useBreakpoints()` in intents. See https://github.com/cozy/cozy-ui/issues/1807');
-      var create;
-
-      if (this.props.create) {
-        create = this.props.create;
-      } else {
-        var intents = new Intents({
-          client: client
-        });
-        create = intents.create;
-      }
-
-      this.setState({
-        loading: true
-      });
-      create(action, type, _objectSpread(_objectSpread({}, DEFAULT_DATA), data)).start(this.intentViewer, this.onFrameLoaded, this.props.onHideCross, this.props.onShowCross).then(function (result) {
-        // eslint-disable-next-line promise/always-return
-        result ? onTerminate && onTerminate(result) : onCancel();
-      }).catch(function (error) {
-        var _this2$props$iframePr, _this2$props$iframePr2;
-
-        onError === null || onError === void 0 ? void 0 : onError(error);
-
-        _this2.setState({
-          error: error,
-          loading: false
-        });
-
-        (_this2$props$iframePr = _this2.props.iframeProps) === null || _this2$props$iframePr === void 0 ? void 0 : (_this2$props$iframePr2 = _this2$props$iframePr.setIsLoading) === null || _this2$props$iframePr2 === void 0 ? void 0 : _this2$props$iframePr2.call(_this2$props$iframePr, false);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var iframeProps = this.props.iframeProps;
-      var _this$state = this.state,
-          error = _this$state.error,
-          loading = _this$state.loading;
-      return /*#__PURE__*/React.createElement("div", _extends({
-        ref: function ref(intentViewer) {
-          return _this3.intentViewer = intentViewer;
-        },
-        className: styles.intentContainer,
-        "aria-busy": loading
-      }, get(iframeProps, 'wrapperProps')), loading && /*#__PURE__*/React.createElement(Spinner, _extends({
-        size: "xxlarge"
-      }, get(iframeProps, 'spinnerProps'))), error && /*#__PURE__*/React.createElement("div", {
-        className: styles.intentContainer__error
-      }, error.message));
-    }
-  }]);
-
-  return IntentIframe;
-}(React.Component);
-
-export var iframeProps = PropTypes.shape({
-  wrapperProps: PropTypes.object,
-  spinnerProps: PropTypes.object,
-  setIsLoading: PropTypes.func
-});
-IntentIframe.propTypes = {
-  action: PropTypes.string.isRequired,
-  create: PropTypes.func,
-  type: PropTypes.string.isRequired,
-  data: PropTypes.object,
-  onCancel: PropTypes.func,
-  onError: PropTypes.func,
-  onTerminate: PropTypes.func.isRequired,
-  iframeProps: iframeProps,
-  onHideCross: PropTypes.func,
-  onShowCross: PropTypes.func
-};
-IntentIframe.defaultProps = {
-  data: {}
-};
-export default withClient(IntentIframe);

package/transpiled/react/IntentIframe/index.d.ts

@@ -1 +0,0 @@
-export { default, iframeProps } from "./IntentIframe";