@bigbinary/neeto-integrations-frontend 2.8.0 → 2.9.0

package/dist/index.js

@@ -90,11 +90,11 @@ var QUERY_KEYS = {
   ZOOM_DETAILS: "zoom-details"
 };
 
-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; }
+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 useCreateDaily = function useCreateDaily() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
+  return useMutationWithInvalidation(dailiesApi.create, _objectSpread$3({
     keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
   }, options));
 };
@@ -427,15 +427,8 @@ 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$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$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) {
   var _errors$twilioPhoneNu;
   var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -484,31 +477,15 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
     options: phoneNumberOptions,
     size: "large",
     onChange: function onChange(selected) {
-      return setValues(_objectSpread$3(_objectSpread$3({}, values), {}, {
+      return setValues(_objectSpread$2(_objectSpread$2({}, values), {}, {
         twilioPhoneNumber: selected
       }));
     }
   })));
 };
 
-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$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$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
@@ -523,7 +500,7 @@ var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
   });
 };
 var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
-  return axios.post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$2(_objectSpread$2({}, payload), integrable));
+  return axios.post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$1(_objectSpread$1({}, payload), integrable));
 };
 var twilioApi = {
   fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
@@ -571,12 +548,8 @@ var useCreateTwilioConfiguration = function useCreateTwilioConfiguration(_ref3)
   });
 };
 
-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$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,
@@ -585,7 +558,8 @@ var useTwilio = function useTwilio(_ref) {
   var _useFetchTwilioSmsCon = useFetchTwilioSmsConfiguration({
       integrable: integrable
     }),
-    configuration = _useFetchTwilioSmsCon.data,
+    _useFetchTwilioSmsCon2 = _useFetchTwilioSmsCon.data,
+    configuration = _useFetchTwilioSmsCon2 === void 0 ? {} : _useFetchTwilioSmsCon2,
     isConfigurationLoading = _useFetchTwilioSmsCon.isLoading;
   var _useStateWithDependen = useStateWithDependency(configuration),
     _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
@@ -602,16 +576,6 @@ var useTwilio = function useTwilio(_ref) {
     }),
     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 = {
@@ -650,23 +614,18 @@ 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$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,
-    _ref$integrable = _ref.integrable,
-    integrable = _ref$integrable === void 0 ? null : _ref$integrable;
+    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var initialFocusRef = useRef();
   var formRef = useRef();
   var _useTwilio = useTwilio({
-      setSteps: setSteps,
       onConnect: onConnect,
       formRef: formRef,
       integrable: integrable
@@ -688,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),
@@ -733,40 +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$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 ? 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: isModalOpen,
-    steps: steps,
-    onClose: onClose
-  }, /*#__PURE__*/React__default.createElement(TwilioConfiguration, {
-    integrable: integrable,
-    isModal: isModal,
-    setSteps: setSteps,
-    onCancel: onClose,
-    onConnect: onConnect
-  }));
-};
-
 var show = function show() {
   return axios.get(INTEGRATION_DETAILS_URL, {
     params: {