@bigbinary/neeto-integrations-frontend 2.7.1 → 2.9.0

package/dist/index.js

@@ -427,13 +427,6 @@ var Daily = function Daily(_ref) {
 };
 var index = withTitle(Daily, i18next.t("neetoIntegrations.browserTitles.integrations.dailyco"));
 
-var TWILIO_INTEGRATION_STEPS = [{
-  step: "1",
-  label: i18next.t("neetoIntegrations.steps.configure"),
-  isActive: true,
-  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; }
 var ConfigurationForm = function ConfigurationForm(_ref) {
@@ -491,41 +484,36 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
   })));
 };
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
+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 fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
+  return axios.get(TWILIO_CONFIGURATION_BASE_URL, {
+    params: integrable
+  });
+};
+var removeTwilioConfiguration = function removeTwilioConfiguration() {
+  return axios["delete"](TWILIO_CONFIGURATION_BASE_URL);
+};
+var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
+  return axios.get("".concat(TWILIO_CONFIGURATION_BASE_URL, "/new"), {
+    params: data
+  });
+};
+var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
+  return axios.post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$1(_objectSpread$1({}, payload), integrable));
+};
 var twilioApi = {
-  fetchTwilioSmsConfiguration: function fetchTwilioSmsConfiguration() {
-    return axios.get(TWILIO_CONFIGURATION_BASE_URL);
-  },
-  removeTwilioConfiguration: function removeTwilioConfiguration() {
-    return axios["delete"](TWILIO_CONFIGURATION_BASE_URL);
-  },
-  getTwilioPhoneNumbers: function getTwilioPhoneNumbers(data) {
-    return axios.get("".concat(TWILIO_CONFIGURATION_BASE_URL, "/new"), {
-      params: data
-    });
-  },
-  createTwilioConfiguration: function createTwilioConfiguration(payload) {
-    return axios.post(TWILIO_CONFIGURATION_BASE_URL, payload);
-  }
+  fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
+  removeTwilioConfiguration: removeTwilioConfiguration,
+  getTwilioPhoneNumbers: getTwilioPhoneNumbers,
+  createTwilioConfiguration: createTwilioConfiguration
 };
 
-var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration() {
-  return useQuery(QUERY_KEYS.TWILIO_SMS_CONFIGURATION, twilioApi.fetchTwilioSmsConfiguration, {
+var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration(_ref) {
+  var integrable = _ref.integrable;
+  return 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;
@@ -537,10 +525,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 useQuery([QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
     credentials: credentials
   }], function () {
@@ -551,27 +539,28 @@ var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref) {
     retry: false
   });
 };
-var useCreateTwilioConfiguration = function useCreateTwilioConfiguration() {
-  return useMutationWithInvalidation(twilioApi.createTwilioConfiguration, {
-    keysToInvalidate: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION]
+var useCreateTwilioConfiguration = function useCreateTwilioConfiguration(_ref3) {
+  var integrable = _ref3.integrable;
+  return 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 ? noop : _ref$onSave,
-    _ref$setSteps = _ref.setSteps,
-    setSteps = _ref$setSteps === void 0 ? noop : _ref$setSteps,
-    _ref$onConnect = _ref.onConnect,
+  var _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
     _ref$formRef = _ref.formRef,
-    formRef = _ref$formRef === void 0 ? null : _ref$formRef;
-  var _useFetchTwilioSmsCon = useFetchTwilioSmsConfiguration(),
-    configuration = _useFetchTwilioSmsCon.data,
-    isConfigurationLoading = _useFetchTwilioSmsCon.isLoading,
-    refetchTwilioSmsConfiguration = _useFetchTwilioSmsCon.refetch;
+    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
+    }),
+    _useFetchTwilioSmsCon2 = _useFetchTwilioSmsCon.data,
+    configuration = _useFetchTwilioSmsCon2 === void 0 ? {} : _useFetchTwilioSmsCon2,
+    isConfigurationLoading = _useFetchTwilioSmsCon.isLoading;
   var _useStateWithDependen = useStateWithDependency(configuration),
     _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
     credentials = _useStateWithDependen2[0],
@@ -582,19 +571,11 @@ 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;
-  useEffect(function () {
-    if (!(configuration !== null && configuration !== void 0 && configuration.twilioPhoneNumber)) return;
-    setSteps(function (steps) {
-      var stepsClone = _toConsumableArray(steps);
-      stepsClone[0] = _objectSpread$1(_objectSpread$1({}, steps[0]), {}, {
-        isCompleted: true
-      });
-      return stepsClone;
-    });
-  }, [configuration]);
   var handleSubmit = function handleSubmit(values) {
     var _values$twilioPhoneNu;
     var payload = {
@@ -607,11 +588,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 {
@@ -637,26 +614,21 @@ var buildTwilioConfigurationValidationSchema = function buildTwilioConfiguration
 
 function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var TwilioConfiguration = function TwilioConfiguration(_ref) {
-  var _ref$onCancel = _ref.onCancel,
-    onCancel = _ref$onCancel === void 0 ? noop : _ref$onCancel,
-    _ref$onSave = _ref.onSave,
-    onSave = _ref$onSave === void 0 ? noop : _ref$onSave,
-    _ref$setSteps = _ref.setSteps,
-    setSteps = _ref$setSteps === void 0 ? noop : _ref$setSteps,
+var Twilio = function Twilio(_ref) {
+  var _ref$integrable = _ref.integrable,
+    integrable = _ref$integrable === void 0 ? null : _ref$integrable,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
     _ref$onConnect = _ref.onConnect,
-    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
-    _ref$isModal = _ref.isModal,
-    isModal = _ref$isModal === void 0 ? false : _ref$isModal;
+    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var initialFocusRef = useRef();
   var formRef = useRef();
   var _useTwilio = useTwilio({
-      onSave: onSave,
-      setSteps: setSteps,
       onConnect: onConnect,
-      formRef: formRef
+      formRef: formRef,
+      integrable: integrable
     }),
     handleSubmit = _useTwilio.handleSubmit,
     phoneNumbers = _useTwilio.phoneNumbers,
@@ -675,43 +647,14 @@ var TwilioConfiguration = function TwilioConfiguration(_ref) {
   var selectedPhoneNumber = _findBy({
     label: configuration === null || configuration === void 0 ? void 0 : configuration.twilioPhoneNumber
   }, phoneNumberOptions);
-  var wrapInModalBody = function wrapInModalBody(children) {
-    return /*#__PURE__*/React__default.createElement(Modal$1.Body, null, children);
-  };
-  var wrapInModalFooter = function wrapInModalFooter(children) {
-    return /*#__PURE__*/React__default.createElement(Modal$1.Footer, null, children);
-  };
   var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
   var isSubmitDisabled = function isSubmitDisabled(values) {
     return equals(_objectSpread(_objectSpread({}, configuration), {}, {
       twilioPhoneNumber: selectedPhoneNumber
     }), values) || isLoading;
   };
-  var renderActionBlock = function renderActionBlock(values) {
-    return /*#__PURE__*/React__default.createElement(ActionBlock, {
-      cancelButtonProps: {
-        onClick: onCancel,
-        disabled: false
-      },
-      className: "space-x-3",
-      submitButtonProps: {
-        label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
-        disabled: isSubmitDisabled(values),
-        loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
-      }
-    });
-  };
-  var renderForm = function renderForm(formikProps) {
-    return /*#__PURE__*/React__default.createElement(ConfigurationForm, {
-      formikProps: formikProps,
-      initialFocusRef: initialFocusRef,
-      isUsingOverlay: isModal,
-      phoneNumberOptions: phoneNumberOptions,
-      selectedPhoneNumber: selectedPhoneNumber
-    });
-  };
   return /*#__PURE__*/React__default.createElement(Form$2, {
-    className: "mx-auto flex w-full max-w-md flex-col",
+    className: "mx-auto flex w-full max-w-md flex-col p-5",
     formikProps: {
       enableReinitialize: true,
       validationSchema: buildTwilioConfigurationValidationSchema(!!phoneNumbers),
@@ -720,33 +663,28 @@ var TwilioConfiguration = function TwilioConfiguration(_ref) {
       onSubmit: handleSubmit
     }
   }, function (formikProps) {
-    return isModal ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, wrapInModalBody(renderForm(formikProps)), wrapInModalFooter(renderActionBlock(formikProps.values))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "renderForm(formikProps)", /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ConfigurationForm, {
+      formikProps: formikProps,
+      initialFocusRef: initialFocusRef,
+      phoneNumberOptions: phoneNumberOptions,
+      selectedPhoneNumber: selectedPhoneNumber
+    }), /*#__PURE__*/React__default.createElement("div", {
       className: "mt-4 flex items-center gap-x-2"
-    }, renderActionBlock(formikProps.values)));
+    }, /*#__PURE__*/React__default.createElement(ActionBlock, {
+      cancelButtonProps: {
+        onClick: onClose,
+        disabled: false
+      },
+      className: "space-x-3",
+      submitButtonProps: {
+        label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
+        disabled: isSubmitDisabled(formikProps.values),
+        loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
+      }
+    })));
   });
 };
 
-var Twilio = function Twilio(_ref) {
-  var _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-    _ref$onConnect = _ref.onConnect,
-    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect;
-  var _useState = useState(TWILIO_INTEGRATION_STEPS),
-    _useState2 = _slicedToArray(_useState, 2),
-    steps = _useState2[0],
-    setSteps = _useState2[1];
-  return /*#__PURE__*/React__default.createElement(Modal, {
-    isOpen: true,
-    steps: steps,
-    onClose: onClose
-  }, /*#__PURE__*/React__default.createElement(TwilioConfiguration, {
-    isModal: true,
-    setSteps: setSteps,
-    onCancel: onClose,
-    onConnect: onConnect
-  }));
-};
-
 var show = function show() {
   return axios.get(INTEGRATION_DETAILS_URL, {
     params: {