@bigbinary/neeto-integrations-frontend 2.12.8 → 3.1.0

package/dist/Zoom.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import React__default, { useState } from 'react';
+import { useState } from 'react';
 import { isPresent, noop, humanize, isNotEmpty } from '@bigbinary/neeto-cist';
-import { Daily as Daily$1, Zoom as Zoom$1 } from '@bigbinary/neeto-icons/misc';
+import ZoomIcon from '@bigbinary/neeto-icons/misc/Zoom';
 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 Check from '@bigbinary/neeto-icons/Check';
 import Button from '@bigbinary/neetoui/Button';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -14,8 +14,8 @@ 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 { useQuery } from '@tanstack/react-query';
 import { DEFAULT_STALE_TIME } from '@bigbinary/neeto-commons-frontend/constants';
-import { useQuery } from 'react-query';
 import axios from 'axios';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header from '@bigbinary/neeto-molecules/Header';
@@ -24,13 +24,16 @@ import Input from '@bigbinary/neetoui/formik/Input';
 import FormikForm from '@bigbinary/neetoui/formik/Form';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useHistory } from 'react-router-dom';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neeto-icons/misc/GoogleCalendar';
+import '@bigbinary/neeto-icons/misc/Google';
 import '@bigbinary/neetoui/Callout';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'ramda';
 import '@bigbinary/neetoui/formik/Select';
 import * as yup from 'yup';
 import '@bigbinary/neetoui/Modal';
+import DailyIcon from '@bigbinary/neeto-icons/misc/Daily';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 
 function _arrayWithHoles(arr) {
@@ -158,73 +161,29 @@ var QUERY_KEYS = {
   ZOOM_DETAILS: "zoom-details"
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateDaily = function useCreateDaily() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
-    keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
+  return useMutationWithInvalidation(dailiesApi.create, _objectSpread$3({
+    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]]
   }, options));
 };
 var useFetchDaily = function useFetchDaily() {
-  return useQuery(QUERY_KEYS.DAILY_CO_DETAILS, dailiesApi.show, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.DAILY_CO_DETAILS],
+    queryFn: dailiesApi.show,
     staleTime: DEFAULT_STALE_TIME
   });
 };
 var useDestroyDaily = function useDestroyDaily(_ref) {
   var onSuccess = _ref.onSuccess;
   return useMutationWithInvalidation(dailiesApi.destroy, {
-    keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS],
+    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],
     onSuccess: onSuccess
   });
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var _excluded = ["className", "children"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ExternalLink = function ExternalLink(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("a", _objectSpread$3(_objectSpread$3({
-    className: classnames(["neeto-ui-text-primary-800 hover:neeto-ui-text-primary-800 visited:neeto-ui-text-primary-600 font-medium", className])
-  }, props), {}, {
-    children: children
-  }));
-};
-var ExternalLink$1 = /*#__PURE__*/React__default.memo(ExternalLink);
-
 var MANAGE_DAILY_CO_FORM_INITIAL_VALUES = {
   apiKey: ""
 };
@@ -252,7 +211,7 @@ var Form = function Form(_ref) {
       }
     }),
     createDaily = _useCreateDaily.mutate,
-    isConnecting = _useCreateDaily.isLoading;
+    isConnecting = _useCreateDaily.isPending;
   var handleSubmit = function handleSubmit(payload) {
     return createDaily(payload);
   };
@@ -267,26 +226,24 @@ var Form = function Form(_ref) {
         className: "flex items-center gap-2",
         children: [t("neetoIntegrations.daily.connect.title"), /*#__PURE__*/jsx(HelpPopover, {
           title: t("neetoIntegrations.daily.connect.title"),
-          description: /*#__PURE__*/jsx(Trans, {
-            i18nKey: "neetoIntegrations.daily.helpDoc",
-            components: {
-              externalLink: /*#__PURE__*/jsx(ExternalLink$1, {
-                "data-cy": "api-key-help-doc-link",
-                href: helpDocUrl,
-                rel: "noreferrer",
-                target: "_blank"
-              })
-            }
-          }),
-          helpLinkProps: {
-            label: /*#__PURE__*/jsx(Button, {
-              className: "mt-8",
-              label: t("neetoIntegrations.daily.walkthroughText"),
-              style: "link",
-              onClick: function onClick() {
-                return setIsDemoModalOpen(true);
+          description: /*#__PURE__*/jsx(Typography, {
+            lineHeight: "normal",
+            style: "body2",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoIntegrations.daily.helpDoc",
+              components: {
+                videoLink: /*#__PURE__*/jsx(Button, {
+                  style: "link",
+                  onClick: function onClick() {
+                    return setIsDemoModalOpen(true);
+                  }
+                })
               }
             })
+          }),
+          helpLinkProps: {
+            href: helpDocUrl,
+            "data-cy": "api-key-help-doc-link"
           }
         })]
       })
@@ -357,7 +314,7 @@ var Manage$1 = function Manage$1(_ref) {
       }
     }),
     destroyIntegration = _useDestroyDaily.mutate,
-    isDisconnecting = _useDestroyDaily.isLoading;
+    isDisconnecting = _useDestroyDaily.isPending;
   var isConnected = isPresent(apiKey);
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("daily");
@@ -368,7 +325,7 @@ var Manage$1 = function Manage$1(_ref) {
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: Daily$1,
+    Icon: DailyIcon,
     connectPath: buildUrl(window.location.pathname, {
       connect: true
     }),
@@ -912,14 +869,16 @@ var zoomApi = {
 };
 
 var useShowZoom = function useShowZoom() {
-  return useQuery(QUERY_KEYS.ZOOM_DETAILS, zoomApi.show, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.ZOOM_DETAILS],
+    queryFn: zoomApi.show,
     staleTime: DEFAULT_STALE_TIME
   });
 };
 var useDestroyZoom = function useDestroyZoom(_ref) {
   var _onSuccess = _ref.onSuccess;
   return useMutationWithInvalidation(zoomApi.destroy, {
-    keysToInvalidate: [QUERY_KEYS.ZOOM_DETAILS],
+    keysToInvalidate: [[QUERY_KEYS.ZOOM_DETAILS]],
     onSuccess: function onSuccess() {
       return _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess();
     }
@@ -954,7 +913,7 @@ var Zoom = function Zoom(_ref) {
       }
     }),
     destroyIntegration = _useDestroyZoom.mutate,
-    isDisconnecting = _useDestroyZoom.isLoading;
+    isDisconnecting = _useDestroyZoom.isPending;
   var isConnected = isPresent(email);
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("zoom");
@@ -966,7 +925,7 @@ var Zoom = function Zoom(_ref) {
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: Zoom$1,
+    Icon: ZoomIcon,
     integration: "zoom",
     description: isConnected ? /*#__PURE__*/jsx(Trans, {
       components: {