@bigbinary/neeto-integrations-frontend 2.12.8 → 3.0.0

package/dist/index.js

@@ -8,14 +8,14 @@ import React__default, { useState, useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import { humanize, noop, isPresent, keysToSnakeCase, _findBy, isNotEmpty } from '@bigbinary/neeto-cist';
 import { withT, useMutationWithInvalidation, withTitle, useQueryParams, useStateWithDependency } 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';
 import { Trans, useTranslation } from 'react-i18next';
 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';
@@ -27,12 +27,15 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useHistory } from 'react-router-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { buildUrl, getQueryParams } from '@bigbinary/neeto-commons-frontend/utils';
-import { Daily as Daily$1, GoogleCalendar as GoogleCalendar$1, Google, Zoom as Zoom$1 } from '@bigbinary/neeto-icons/misc';
+import GoogleCalendarIcon from '@bigbinary/neeto-icons/misc/GoogleCalendar';
+import Google from '@bigbinary/neeto-icons/misc/Google';
 import Callout from '@bigbinary/neetoui/Callout';
 import { prop, equals, isEmpty } from 'ramda';
 import Select from '@bigbinary/neetoui/formik/Select';
 import * as yup from 'yup';
+import ZoomIcon from '@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) {
@@ -259,18 +262,20 @@ function _objectSpread$7(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$7({
-    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
   });
 };
@@ -403,7 +408,7 @@ var Form = function Form(_ref) {
       }
     }),
     createDaily = _useCreateDaily.mutate,
-    isConnecting = _useCreateDaily.isLoading;
+    isConnecting = _useCreateDaily.isPending;
   var handleSubmit = function handleSubmit(payload) {
     return createDaily(payload);
   };
@@ -508,7 +513,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");
@@ -519,7 +524,7 @@ var Manage = function Manage(_ref) {
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: Daily$1,
+    Icon: DailyIcon,
     connectPath: buildUrl(window.location.pathname, {
       connect: true
     }),
@@ -656,7 +661,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",
@@ -781,9 +786,11 @@ var twilioApi = {
 
 var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration(_ref) {
   var integrable = _ref.integrable;
-  return useQuery([QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId], function () {
-    return twilioApi.fetchTwilioSmsConfiguration(integrable);
-  }, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId],
+    queryFn: function queryFn() {
+      return twilioApi.fetchTwilioSmsConfiguration(integrable);
+    },
     select: function select(response) {
       var _smsConfiguration$twi, _smsConfiguration$twi2, _smsConfiguration$twi3;
       var smsConfiguration = response.smsConfiguration;
@@ -799,11 +806,13 @@ var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref2) {
   var _formRef$current, _formRef$current2;
   var credentials = _ref2.credentials,
     formRef = _ref2.formRef;
-  return useQuery([QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
-    credentials: credentials
-  }], function () {
-    return twilioApi.getTwilioPhoneNumbers(keysToSnakeCase(credentials));
-  }, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
+      credentials: credentials
+    }],
+    queryFn: function queryFn() {
+      return twilioApi.getTwilioPhoneNumbers(keysToSnakeCase(credentials));
+    },
     enabled: !!(credentials !== null && credentials !== void 0 && credentials.twilio_sid) || !!(credentials !== null && credentials !== void 0 && credentials.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current = formRef.current) !== null && _formRef$current !== void 0 && (_formRef$current = _formRef$current.values) !== null && _formRef$current !== void 0 && _formRef$current.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current2 = formRef.current) !== null && _formRef$current2 !== void 0 && (_formRef$current2 = _formRef$current2.values) !== null && _formRef$current2 !== void 0 && _formRef$current2.twilioAuthToken),
     select: prop("phoneNumbers"),
     retry: false
@@ -814,7 +823,7 @@ var useCreateTwilioConfiguration = function useCreateTwilioConfiguration(_ref3)
   return useMutationWithInvalidation(function (payload) {
     return twilioApi.createTwilioConfiguration(payload, integrable);
   }, {
-    keysToInvalidate: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]
+    keysToInvalidate: [[QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]]
   });
 };
 
@@ -845,7 +854,7 @@ var useTwilio = function useTwilio(_ref) {
       integrable: integrable
     }),
     saveConfiguration = _useCreateTwilioConfi.mutate,
-    isSubmitting = _useCreateTwilioConfi.isLoading;
+    isSubmitting = _useCreateTwilioConfi.isPending;
   var handleSubmit = function handleSubmit(values) {
     var _values$twilioPhoneNu;
     var payload = {
@@ -978,14 +987,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();
     }
@@ -1020,7 +1031,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");
@@ -1032,7 +1043,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: {