@bigbinary/neeto-integrations-frontend 2.12.3 → 2.12.4

package/dist/Zoom.js

@@ -5,20 +5,20 @@ import { Daily as Daily$1, Zoom as Zoom$1 } from '@bigbinary/neeto-icons/misc';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { useTranslation, Trans } from 'react-i18next';
 import classnames from 'classnames';
+import { useMutationWithInvalidation, withTitle, useQueryParams, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Check } from '@bigbinary/neeto-icons';
+import { Button, Typography, Tooltip } from '@bigbinary/neetoui';
 import '@bigbinary/neeto-molecules/IntegrationCard';
 import DisconnectAlert from '@bigbinary/neeto-molecules/IntegrationDisconnectAlert';
 import WalkthroughModal from '@bigbinary/neeto-molecules/IntegrationWalkthroughModal';
 import i18next, { t as t$1 } from 'i18next';
-import { useMutationWithInvalidation, withTitle, useQueryParams, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { DEFAULT_STALE_TIME } from '@bigbinary/neeto-commons-frontend/constants';
 import { useQuery } from 'react-query';
 import axios from 'axios';
-import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import { Button, Typography, Tooltip } from '@bigbinary/neetoui';
 import { Form as Form$2, Input } from '@bigbinary/neetoui/formik';
+import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import 'ramda';
 import * as yup from 'yup';
-import { Check } from '@bigbinary/neeto-icons';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -517,23 +517,23 @@ var Connect = withT(function (_ref) {
     children = _ref.children,
     secondaryButtonProps = _ref.secondaryButtonProps;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto w-full max-w-lg"
+    className: "mx-auto w-full max-w-3xl"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "mb-6 flex flex-col gap-y-2"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     size: 48
-  }), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-800 mb-0.5 mt-6",
-    style: "h2",
-    weight: "semibold"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col gap-y-1"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h2"
   }, title), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700 mb-8",
-    style: "body1",
-    weight: "normal"
-  }, description), children, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-full items-start space-x-4"
+    style: "body2"
+  }, description))), children, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-full items-center gap-x-3"
   }, /*#__PURE__*/React__default.createElement(Button, _extends$1({
     label: t("neetoIntegrations.common.connect"),
     onClick: onConnect
-  }, buttonProps)), isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default.createElement(Button, _extends$1({
+  }, buttonProps)), secondaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends$1({
     style: "secondary"
   }, secondaryButtonProps))));
 });
@@ -541,23 +541,23 @@ Connect.prototypes = {
   /**
    * To specify the Icon to be shown
    */
-  Icon: propTypesExports.PropTypes.node,
+  Icon: PropTypes.node,
   /**
    * To specify the title of the connect component
    */
-  title: propTypesExports.PropTypes.string,
+  title: PropTypes.string,
   /**
    * To specify the description for connect component
    */
-  description: propTypesExports.PropTypes.string,
+  description: PropTypes.string,
   /**
    * To specify the props for the connect button
    */
-  buttonProps: propTypesExports.PropTypes.object,
+  buttonProps: PropTypes.object,
   /**
    * Handler function that is triggered when the connect button is clicked.
    */
-  onConnect: propTypesExports.PropTypes.func
+  onConnect: PropTypes.func
 };
 
 ({
@@ -621,13 +621,13 @@ var Finish = withT(function (_ref) {
     secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
     children = _ref.children;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-w-full mx-auto max-w-lg"
+    className: "mx-auto w-full max-w-3xl"
   }, /*#__PURE__*/React__default.createElement(SvgSuccess, null), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-800 mb-8 mt-4",
+    className: "mb-6 mt-4",
     style: "h2",
     weight: "semibold"
   }, title), children, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-full items-start space-x-2"
+    className: "flex w-full items-center gap-x-2"
   }, /*#__PURE__*/React__default.createElement(Button, _extends$1({
     onClick: onClick,
     label: t("neetoIntegrations.common.continue")
@@ -729,7 +729,7 @@ var Manage = withT(function (_ref) {
     className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6"
   }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
     className: "neeto-ui-text-gray-600",
-    size: 60
+    size: 48
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "space-y-2"
   }, /*#__PURE__*/React__default.createElement("div", {