@bigbinary/neeto-integrations-frontend 2.12.8 → 3.0.0

package/dist/index.cjs.js

@@ -9,14 +9,14 @@ var React = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Check = require('@bigbinary/neeto-icons/Check');
 var Button = require('@bigbinary/neetoui/Button');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var i18next = require('i18next');
+var reactQuery = require('@tanstack/react-query');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
-var reactQuery = require('react-query');
 var axios = require('axios');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var Header = require('@bigbinary/neeto-molecules/Header');
@@ -28,12 +28,15 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactRouterDom = require('react-router-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var misc = require('@bigbinary/neeto-icons/misc');
+var GoogleCalendarIcon = require('@bigbinary/neeto-icons/misc/GoogleCalendar');
+var Google = require('@bigbinary/neeto-icons/misc/Google');
 var Callout = require('@bigbinary/neetoui/Callout');
 var ramda = require('ramda');
 var Select = require('@bigbinary/neetoui/formik/Select');
 var yup = require('yup');
+var ZoomIcon = require('@bigbinary/neeto-icons/misc/Zoom');
 var NeetoUIModal = require('@bigbinary/neetoui/Modal');
+var DailyIcon = require('@bigbinary/neeto-icons/misc/Daily');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -62,6 +65,7 @@ var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughMo
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
@@ -74,10 +78,14 @@ var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var GoogleCalendarIcon__default = /*#__PURE__*/_interopDefaultLegacy(GoogleCalendarIcon);
+var Google__default = /*#__PURE__*/_interopDefaultLegacy(Google);
 var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var ZoomIcon__default = /*#__PURE__*/_interopDefaultLegacy(ZoomIcon);
 var NeetoUIModal__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIModal);
+var DailyIcon__default = /*#__PURE__*/_interopDefaultLegacy(DailyIcon);
 var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
 
 function _typeof(o) {
@@ -190,7 +198,7 @@ var Manage$1 = reactUtils.withT(function (_ref) {
               children: title
             }), isConnected && /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
-              children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+              children: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
                 size: 24
               })
             })]
@@ -304,18 +312,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 reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$7({
-    keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
+    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]]
   }, options));
 };
 var useFetchDaily = function useFetchDaily() {
-  return reactQuery.useQuery(QUERY_KEYS.DAILY_CO_DETAILS, dailiesApi.show, {
+  return reactQuery.useQuery({
+    queryKey: [QUERY_KEYS.DAILY_CO_DETAILS],
+    queryFn: dailiesApi.show,
     staleTime: constants.DEFAULT_STALE_TIME
   });
 };
 var useDestroyDaily = function useDestroyDaily(_ref) {
   var onSuccess = _ref.onSuccess;
   return reactUtils.useMutationWithInvalidation(dailiesApi.destroy, {
-    keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS],
+    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],
     onSuccess: onSuccess
   });
 };
@@ -448,7 +458,7 @@ var Form = function Form(_ref) {
       }
     }),
     createDaily = _useCreateDaily.mutate,
-    isConnecting = _useCreateDaily.isLoading;
+    isConnecting = _useCreateDaily.isPending;
   var handleSubmit = function handleSubmit(payload) {
     return createDaily(payload);
   };
@@ -553,7 +563,7 @@ var Manage = function Manage(_ref) {
       }
     }),
     destroyIntegration = _useDestroyDaily.mutate,
-    isDisconnecting = _useDestroyDaily.isLoading;
+    isDisconnecting = _useDestroyDaily.isPending;
   var isConnected = neetoCist.isPresent(apiKey);
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("daily");
@@ -564,7 +574,7 @@ var Manage = function Manage(_ref) {
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: misc.Daily,
+    Icon: DailyIcon__default["default"],
     connectPath: utils.buildUrl(window.location.pathname, {
       connect: true
     }),
@@ -701,7 +711,7 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
     onClose: handleClose,
     children: [activeTab === STEPS.connect && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mx-auto w-full max-w-3xl",
-      children: [/*#__PURE__*/jsxRuntime.jsx(misc.GoogleCalendar, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(GoogleCalendarIcon__default["default"], {
         size: 48
       }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
         className: "mb-4 mt-2",
@@ -727,7 +737,7 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
           })
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        icon: misc.Google,
+        icon: Google__default["default"],
         label: t("neetoIntegrations.google.connect.signIn"),
         onClick: fetchAuthorizationUrl
       })]
@@ -826,9 +836,11 @@ var twilioApi = {
 
 var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration(_ref) {
   var integrable = _ref.integrable;
-  return reactQuery.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 reactQuery.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;
@@ -844,11 +856,13 @@ var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref2) {
   var _formRef$current, _formRef$current2;
   var credentials = _ref2.credentials,
     formRef = _ref2.formRef;
-  return reactQuery.useQuery([QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
-    credentials: credentials
-  }], function () {
-    return twilioApi.getTwilioPhoneNumbers(neetoCist.keysToSnakeCase(credentials));
-  }, {
+  return reactQuery.useQuery({
+    queryKey: [QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
+      credentials: credentials
+    }],
+    queryFn: function queryFn() {
+      return twilioApi.getTwilioPhoneNumbers(neetoCist.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: ramda.prop("phoneNumbers"),
     retry: false
@@ -859,7 +873,7 @@ var useCreateTwilioConfiguration = function useCreateTwilioConfiguration(_ref3)
   return reactUtils.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]]
   });
 };
 
@@ -890,7 +904,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 = {
@@ -1023,14 +1037,16 @@ var zoomApi = {
 };
 
 var useShowZoom = function useShowZoom() {
-  return reactQuery.useQuery(QUERY_KEYS.ZOOM_DETAILS, zoomApi.show, {
+  return reactQuery.useQuery({
+    queryKey: [QUERY_KEYS.ZOOM_DETAILS],
+    queryFn: zoomApi.show,
     staleTime: constants.DEFAULT_STALE_TIME
   });
 };
 var useDestroyZoom = function useDestroyZoom(_ref) {
   var _onSuccess = _ref.onSuccess;
   return reactUtils.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();
     }
@@ -1065,7 +1081,7 @@ var Zoom = function Zoom(_ref) {
       }
     }),
     destroyIntegration = _useDestroyZoom.mutate,
-    isDisconnecting = _useDestroyZoom.isLoading;
+    isDisconnecting = _useDestroyZoom.isPending;
   var isConnected = neetoCist.isPresent(email);
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("zoom");
@@ -1077,7 +1093,7 @@ var Zoom = function Zoom(_ref) {
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: misc.Zoom,
+    Icon: ZoomIcon__default["default"],
     integration: "zoom",
     description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
       components: {