@bigbinary/neeto-integrations-frontend 2.12.8 → 3.0.0

package/dist/GoogleCalender.js

@@ -2,7 +2,8 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import { humanize, noop, isPresent, isNotEmpty } from '@bigbinary/neeto-cist';
 import { buildUrl, getQueryParams } from '@bigbinary/neeto-commons-frontend/utils';
-import { Daily as Daily$1, GoogleCalendar as GoogleCalendar$1, Google } from '@bigbinary/neeto-icons/misc';
+import GoogleCalendarIcon from '@bigbinary/neeto-icons/misc/GoogleCalendar';
+import Google from '@bigbinary/neeto-icons/misc/Google';
 import Typography from '@bigbinary/neetoui/Typography';
 import Callout from '@bigbinary/neetoui/Callout';
 import Button from '@bigbinary/neetoui/Button';
@@ -12,11 +13,11 @@ import DisconnectAlert from '@bigbinary/neeto-molecules/IntegrationDisconnectAle
 import WalkthroughModal from '@bigbinary/neeto-molecules/IntegrationWalkthroughModal';
 import classnames from 'classnames';
 import { withT, useMutationWithInvalidation, withTitle, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Check } from '@bigbinary/neeto-icons';
+import Check from '@bigbinary/neeto-icons/Check';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 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';
@@ -30,7 +31,9 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'ramda';
 import '@bigbinary/neetoui/formik/Select';
 import * as yup from 'yup';
+import '@bigbinary/neeto-icons/misc/Zoom';
 import NeetoUIModal from '@bigbinary/neetoui/Modal';
+import DailyIcon from '@bigbinary/neeto-icons/misc/Daily';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 
 function _typeof(o) {
@@ -325,18 +328,20 @@ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t
 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]
+    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
   });
 };
@@ -414,7 +419,7 @@ var Form = function Form(_ref) {
       }
     }),
     createDaily = _useCreateDaily.mutate,
-    isConnecting = _useCreateDaily.isLoading;
+    isConnecting = _useCreateDaily.isPending;
   var handleSubmit = function handleSubmit(payload) {
     return createDaily(payload);
   };
@@ -519,7 +524,7 @@ var Manage = function Manage(_ref) {
       }
     }),
     destroyIntegration = _useDestroyDaily.mutate,
-    isDisconnecting = _useDestroyDaily.isLoading;
+    isDisconnecting = _useDestroyDaily.isPending;
   var isConnected = isPresent(apiKey);
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("daily");
@@ -530,7 +535,7 @@ var Manage = function Manage(_ref) {
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: Daily$1,
+    Icon: DailyIcon,
     connectPath: buildUrl(window.location.pathname, {
       connect: true
     }),
@@ -1021,7 +1026,7 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
     onClose: handleClose,
     children: [activeTab === STEPS.connect && /*#__PURE__*/jsxs("div", {
       className: "mx-auto w-full max-w-3xl",
-      children: [/*#__PURE__*/jsx(GoogleCalendar$1, {
+      children: [/*#__PURE__*/jsx(GoogleCalendarIcon, {
         size: 48
       }), /*#__PURE__*/jsx(Typography, {
         className: "mb-4 mt-2",