@bigbinary/neeto-integrations-frontend 2.7.0 → 2.8.0

package/dist/Twilio.cjs.js

@@ -171,11 +171,11 @@ var QUERY_KEYS = {
   ZOOM_DETAILS: "zoom-details"
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useCreateDaily = function useCreateDaily() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$3({
+  return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
     keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
   }, options));
 };
@@ -692,8 +692,8 @@ var TWILIO_INTEGRATION_STEPS = [{
   isCompleted: false
 }];
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ConfigurationForm = function ConfigurationForm(_ref) {
   var _errors$twilioPhoneNu;
   var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -742,7 +742,7 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
     options: phoneNumberOptions,
     size: "large",
     onChange: function onChange(selected) {
-      return setValues(_objectSpread$2(_objectSpread$2({}, values), {}, {
+      return setValues(_objectSpread$3(_objectSpread$3({}, values), {}, {
         twilioPhoneNumber: selected
       }));
     }
@@ -765,25 +765,36 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
+  return axios__default["default"].get(TWILIO_CONFIGURATION_BASE_URL, {
+    params: integrable
+  });
+};
+var removeTwilioConfiguration = function removeTwilioConfiguration() {
+  return axios__default["default"]["delete"](TWILIO_CONFIGURATION_BASE_URL);
+};
+var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
+  return axios__default["default"].get("".concat(TWILIO_CONFIGURATION_BASE_URL, "/new"), {
+    params: data
+  });
+};
+var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
+  return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$2(_objectSpread$2({}, payload), integrable));
+};
 var twilioApi = {
-  fetchTwilioSmsConfiguration: function fetchTwilioSmsConfiguration() {
-    return axios__default["default"].get(TWILIO_CONFIGURATION_BASE_URL);
-  },
-  removeTwilioConfiguration: function removeTwilioConfiguration() {
-    return axios__default["default"]["delete"](TWILIO_CONFIGURATION_BASE_URL);
-  },
-  getTwilioPhoneNumbers: function getTwilioPhoneNumbers(data) {
-    return axios__default["default"].get("".concat(TWILIO_CONFIGURATION_BASE_URL, "/new"), {
-      params: data
-    });
-  },
-  createTwilioConfiguration: function createTwilioConfiguration(payload) {
-    return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, payload);
-  }
+  fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
+  removeTwilioConfiguration: removeTwilioConfiguration,
+  getTwilioPhoneNumbers: getTwilioPhoneNumbers,
+  createTwilioConfiguration: createTwilioConfiguration
 };
 
-var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration() {
-  return reactQuery.useQuery(QUERY_KEYS.TWILIO_SMS_CONFIGURATION, twilioApi.fetchTwilioSmsConfiguration, {
+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.integrableId], function () {
+    return twilioApi.fetchTwilioSmsConfiguration(integrable);
+  }, {
     select: function select(response) {
       var _smsConfiguration$twi, _smsConfiguration$twi2, _smsConfiguration$twi3;
       var smsConfiguration = response.smsConfiguration;
@@ -795,10 +806,10 @@ var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration() {
     }
   });
 };
-var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref) {
+var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref2) {
   var _formRef$current, _formRef$current$valu, _formRef$current2, _formRef$current2$val;
-  var credentials = _ref.credentials,
-    formRef = _ref.formRef;
+  var credentials = _ref2.credentials,
+    formRef = _ref2.formRef;
   return reactQuery.useQuery([QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
     credentials: credentials
   }], function () {
@@ -809,27 +820,31 @@ var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref) {
     retry: false
   });
 };
-var useCreateTwilioConfiguration = function useCreateTwilioConfiguration() {
-  return reactUtils.useMutationWithInvalidation(twilioApi.createTwilioConfiguration, {
-    keysToInvalidate: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION]
+var useCreateTwilioConfiguration = function useCreateTwilioConfiguration(_ref3) {
+  var integrable = _ref3.integrable;
+  return reactUtils.useMutationWithInvalidation(function (payload) {
+    return twilioApi.createTwilioConfiguration(payload, integrable);
+  }, {
+    keysToInvalidate: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]
   });
 };
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useTwilio = function useTwilio(_ref) {
-  var _ref$onSave = _ref.onSave,
-    onSave = _ref$onSave === void 0 ? neetoCist.noop : _ref$onSave,
-    _ref$setSteps = _ref.setSteps,
+  var _ref$setSteps = _ref.setSteps,
     setSteps = _ref$setSteps === void 0 ? neetoCist.noop : _ref$setSteps,
     _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
     _ref$formRef = _ref.formRef,
-    formRef = _ref$formRef === void 0 ? null : _ref$formRef;
-  var _useFetchTwilioSmsCon = useFetchTwilioSmsConfiguration(),
+    formRef = _ref$formRef === void 0 ? null : _ref$formRef,
+    _ref$integrable = _ref.integrable,
+    integrable = _ref$integrable === void 0 ? null : _ref$integrable;
+  var _useFetchTwilioSmsCon = useFetchTwilioSmsConfiguration({
+      integrable: integrable
+    }),
     configuration = _useFetchTwilioSmsCon.data,
-    isConfigurationLoading = _useFetchTwilioSmsCon.isLoading,
-    refetchTwilioSmsConfiguration = _useFetchTwilioSmsCon.refetch;
+    isConfigurationLoading = _useFetchTwilioSmsCon.isLoading;
   var _useStateWithDependen = reactUtils.useStateWithDependency(configuration),
     _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
     credentials = _useStateWithDependen2[0],
@@ -840,7 +855,9 @@ var useTwilio = function useTwilio(_ref) {
     }),
     phoneNumbers = _useFetchTwilioPhoneN.data,
     isPhoneNumbersLoading = _useFetchTwilioPhoneN.isLoading;
-  var _useCreateTwilioConfi = useCreateTwilioConfiguration(),
+  var _useCreateTwilioConfi = useCreateTwilioConfiguration({
+      integrable: integrable
+    }),
     saveConfiguration = _useCreateTwilioConfi.mutate,
     isSubmitting = _useCreateTwilioConfi.isLoading;
   React.useEffect(function () {
@@ -865,11 +882,7 @@ var useTwilio = function useTwilio(_ref) {
       return;
     }
     saveConfiguration(payload, {
-      onSuccess: function onSuccess() {
-        onSave();
-        refetchTwilioSmsConfiguration();
-        onConnect === null || onConnect === void 0 ? void 0 : onConnect();
-      }
+      onSuccess: onConnect
     });
   };
   return {
@@ -898,23 +911,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var TwilioConfiguration = function TwilioConfiguration(_ref) {
   var _ref$onCancel = _ref.onCancel,
     onCancel = _ref$onCancel === void 0 ? neetoCist.noop : _ref$onCancel,
-    _ref$onSave = _ref.onSave,
-    onSave = _ref$onSave === void 0 ? neetoCist.noop : _ref$onSave,
     _ref$setSteps = _ref.setSteps,
     setSteps = _ref$setSteps === void 0 ? neetoCist.noop : _ref$setSteps,
     _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
     _ref$isModal = _ref.isModal,
-    isModal = _ref$isModal === void 0 ? false : _ref$isModal;
+    isModal = _ref$isModal === void 0 ? false : _ref$isModal,
+    _ref$integrable = _ref.integrable,
+    integrable = _ref$integrable === void 0 ? null : _ref$integrable;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var initialFocusRef = React.useRef();
   var formRef = React.useRef();
   var _useTwilio = useTwilio({
-      onSave: onSave,
       setSteps: setSteps,
       onConnect: onConnect,
-      formRef: formRef
+      formRef: formRef,
+      integrable: integrable
     }),
     handleSubmit = _useTwilio.handleSubmit,
     phoneNumbers = _useTwilio.phoneNumbers,
@@ -985,7 +998,13 @@ var TwilioConfiguration = function TwilioConfiguration(_ref) {
 };
 
 var Twilio = function Twilio(_ref) {
-  var _ref$onClose = _ref.onClose,
+  var _ref$integrable = _ref.integrable,
+    integrable = _ref$integrable === void 0 ? null : _ref$integrable,
+    _ref$isModal = _ref.isModal,
+    isModal = _ref$isModal === void 0 ? true : _ref$isModal,
+    _ref$isModalOpen = _ref.isModalOpen,
+    isModalOpen = _ref$isModalOpen === void 0 ? true : _ref$isModalOpen,
+    _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
     _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect;
@@ -994,11 +1013,12 @@ var Twilio = function Twilio(_ref) {
     steps = _useState2[0],
     setSteps = _useState2[1];
   return /*#__PURE__*/React__default["default"].createElement(Modal, {
-    isOpen: true,
+    isOpen: isModalOpen,
     steps: steps,
     onClose: onClose
   }, /*#__PURE__*/React__default["default"].createElement(TwilioConfiguration, {
-    isModal: true,
+    integrable: integrable,
+    isModal: isModal,
     setSteps: setSteps,
     onCancel: onClose,
     onConnect: onConnect