@bigbinary/neeto-integrations-frontend 2.6.0 → 2.7.1

package/dist/Zoom.cjs.js

@@ -0,0 +1,713 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var reactI18next = require('react-i18next');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoui = require('@bigbinary/neetoui');
+require('@bigbinary/neeto-molecules/IntegrationCard');
+var DisconnectAlert = require('@bigbinary/neeto-molecules/IntegrationDisconnectAlert');
+var WalkthroughModal = require('@bigbinary/neeto-molecules/IntegrationWalkthroughModal');
+var i18next = require('i18next');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var reactQuery = require('react-query');
+var axios = require('axios');
+var formik = require('@bigbinary/neetoui/formik');
+var classnames = require('classnames');
+require('ramda');
+var yup = require('yup');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var DisconnectAlert__default = /*#__PURE__*/_interopDefaultLegacy(DisconnectAlert);
+var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughModal);
+var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var INTEGRATIONS_ENGINE_BASE_URL = "/neeto_integrations";
+var INTEGRATIONS_ENGINE_DAILY_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/daily");
+var INTEGRATIONS_ENGINE_ZOOM_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/zoom");
+var INTEGRATION_DETAILS_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/status");
+
+var create = function create(payload) {
+  return axios__default["default"].post(INTEGRATIONS_ENGINE_DAILY_URL, {
+    daily: payload
+  });
+};
+var show$1 = function show() {
+  return axios__default["default"].get(INTEGRATIONS_ENGINE_DAILY_URL);
+};
+var destroy$1 = function destroy() {
+  return axios__default["default"]["delete"](INTEGRATIONS_ENGINE_DAILY_URL);
+};
+var dailiesApi = {
+  create: create,
+  show: show$1,
+  destroy: destroy$1
+};
+
+var QUERY_KEYS = {
+  TWILIO_SMS_CONFIGURATION: "twilio-sms-configuration",
+  TWILIO_PHONE_NUMBERS: "twilio-phone-numbers",
+  DAILY_CO_DETAILS: "daily-co-details",
+  ZOOM_DETAILS: "zoom-details"
+};
+
+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 useCreateDaily = function useCreateDaily() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread({
+    keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
+  }, options));
+};
+var useFetchDaily = function useFetchDaily() {
+  return reactQuery.useQuery(QUERY_KEYS.DAILY_CO_DETAILS, 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],
+    onSuccess: onSuccess
+  });
+};
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["className", "children"];
+var ExternalLink = function ExternalLink(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("a", _extends({
+    className: classnames__default["default"](["neeto-ui-text-primary-800 hover:neeto-ui-text-primary-800 visited:neeto-ui-text-primary-600 font-medium", className])
+  }, props), children);
+};
+var ExternalLink$1 = /*#__PURE__*/React__default["default"].memo(ExternalLink);
+
+var MANAGE_DAILY_CO_FORM_INITIAL_VALUES = {
+  apiKey: ""
+};
+var DAILY_CO_VALIDATION_SCHEMA = yup__namespace.object().shape({
+  apiKey: yup__namespace.string().trim().required(i18next.t("neetoIntegrations.errors.required", {
+    entity: i18next.t("neetoIntegrations.daily.apiKey")
+  }))
+});
+
+var Form = function Form(_ref) {
+  var helpDocUrl = _ref.helpDocUrl,
+    videoUrl = _ref.videoUrl,
+    onConnect = _ref.onConnect;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDemoModalOpen = _useState2[0],
+    setIsDemoModalOpen = _useState2[1];
+  var _useCreateDaily = useCreateDaily({
+      onSuccess: function onSuccess() {
+        return onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+      }
+    }),
+    createDaily = _useCreateDaily.mutate,
+    isConnecting = _useCreateDaily.isLoading;
+  var handleSubmit = function handleSubmit(payload) {
+    return createDaily(payload);
+  };
+  if (isConnecting) {
+    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+  }
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-md"
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+    formikProps: {
+      initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,
+      validationSchema: DAILY_CO_VALIDATION_SCHEMA,
+      onSubmit: handleSubmit
+    }
+  }, function (_ref2) {
+    var dirty = _ref2.dirty;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "mt-10 w-full space-y-5"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "block"
+    }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+      autoFocus: true,
+      required: true,
+      label: t("neetoIntegrations.daily.apiKey"),
+      name: "apiKey",
+      helpText: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+        i18nKey: "neetoIntegrations.daily.helpDoc",
+        components: {
+          externalLink: /*#__PURE__*/React__default["default"].createElement(ExternalLink$1, {
+            href: helpDocUrl,
+            rel: "noreferrer",
+            target: "_blank"
+          })
+        }
+      })
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      className: "mt-8",
+      label: t("neetoIntegrations.daily.walkthroughText"),
+      style: "link",
+      onClick: function onClick() {
+        return setIsDemoModalOpen(true);
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      disabled: isConnecting || !dirty,
+      label: t("neetoIntegrations.common.connect"),
+      loading: isConnecting,
+      type: "submit"
+    })));
+  }), /*#__PURE__*/React__default["default"].createElement(WalkthroughModal__default["default"], {
+    isOpen: isDemoModalOpen,
+    videoUrl: videoUrl,
+    onClose: function onClose() {
+      return setIsDemoModalOpen(false);
+    }
+  }));
+};
+var Form$1 = reactUtils.withTitle(Form, i18next__default["default"].t("neetoIntegrations.browserTitles.integrations.dailyco"));
+
+var Manage$1 = function Manage$1(_ref) {
+  var onDisconnect = _ref.onDisconnect;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDisconnectAlertOpen = _useState2[0],
+    setIsDisconnectAlertOpen = _useState2[1];
+  var _useFetchDaily = useFetchDaily(),
+    _useFetchDaily$data = _useFetchDaily.data,
+    _useFetchDaily$data2 = _useFetchDaily$data === void 0 ? {} : _useFetchDaily$data,
+    _useFetchDaily$data2$ = _useFetchDaily$data2.metadata,
+    metadata = _useFetchDaily$data2$ === void 0 ? {} : _useFetchDaily$data2$,
+    isLoading = _useFetchDaily.isLoading;
+  var _ref2 = metadata || {},
+    _ref2$apiKey = _ref2.apiKey,
+    apiKey = _ref2$apiKey === void 0 ? null : _ref2$apiKey;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useDestroyDaily = useDestroyDaily({
+      onSuccess: function onSuccess() {
+        setIsDisconnectAlertOpen(false);
+        onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect();
+      }
+    }),
+    destroyIntegration = _useDestroyDaily.mutate,
+    isDisconnecting = _useDestroyDaily.isLoading;
+  var handleDisconnect = function handleDisconnect() {
+    return destroyIntegration("daily");
+  };
+  if (isLoading || isDisconnecting) {
+    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+  }
+  if (neetoCist.isNotPresent(apiKey)) {
+    onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect();
+  }
+  return /*#__PURE__*/React__default["default"].createElement(Manage, {
+    isDisconnectAlertOpen: isDisconnectAlertOpen,
+    isDisconnecting: isDisconnecting,
+    setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
+    description: t("neetoIntegrations.daily.yourApiKey", {
+      apiKey: apiKey
+    }),
+    integration: "daily",
+    title: t("neetoIntegrations.daily.connected"),
+    onClose: function onClose() {
+      return setIsDisconnectAlertOpen(false);
+    },
+    onDisconnect: handleDisconnect
+  });
+};
+
+var Daily = function Daily(_ref) {
+  var _ref$isOnboarding = _ref.isOnboarding,
+    isOnboarding = _ref$isOnboarding === void 0 ? false : _ref$isOnboarding,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl,
+    _ref$videoUrl = _ref.videoUrl,
+    videoUrl = _ref$videoUrl === void 0 ? "" : _ref$videoUrl,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
+    _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? neetoCist.noop : _ref$onDisconnect;
+  var _useFetchDaily = useFetchDaily(),
+    _useFetchDaily$data = _useFetchDaily.data,
+    _useFetchDaily$data2 = _useFetchDaily$data === void 0 ? {} : _useFetchDaily$data,
+    _useFetchDaily$data2$ = _useFetchDaily$data2.metadata,
+    metadata = _useFetchDaily$data2$ === void 0 ? {} : _useFetchDaily$data2$;
+  var _ref2 = metadata || {},
+    _ref2$apiKey = _ref2.apiKey,
+    apiKey = _ref2$apiKey === void 0 ? null : _ref2$apiKey;
+  if (neetoCist.isPresent(apiKey) && !isOnboarding) {
+    return /*#__PURE__*/React__default["default"].createElement(Manage$1, {
+      onDisconnect: onDisconnect
+    });
+  }
+  return /*#__PURE__*/React__default["default"].createElement(Form$1, {
+    onConnect: onConnect,
+    helpDocUrl: helpDocUrl,
+    videoUrl: videoUrl
+  });
+};
+reactUtils.withTitle(Daily, i18next__default["default"].t("neetoIntegrations.browserTitles.integrations.dailyco"));
+
+[{
+  step: "1",
+  label: i18next__default["default"].t("neetoIntegrations.steps.configure"),
+  isActive: true,
+  isCompleted: false
+}];
+
+var propTypes = {exports: {}};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ReactPropTypesSecret = ReactPropTypesSecret_1;
+function emptyFunction() {}
+function emptyFunctionWithReset() {}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+var factoryWithThrowingShims = function factoryWithThrowingShims() {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret) {
+      // It is still safe when called from React.
+      return;
+    }
+    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+    err.name = 'Invariant Violation';
+    throw err;
+  }
+  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  }
+  // Important!
+  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+  var ReactPropTypes = {
+    array: shim,
+    bigint: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+  ReactPropTypes.PropTypes = ReactPropTypes;
+  return ReactPropTypes;
+};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+{
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  propTypes.exports = factoryWithThrowingShims();
+}
+
+({
+  /**
+   * To specify the Icon to be shown
+   */
+  Icon: propTypes.exports.PropTypes.node,
+  /**
+   * To specify the title of the connect component
+   */
+  title: propTypes.exports.PropTypes.string,
+  /**
+   * To specify the description for connect component
+   */
+  description: propTypes.exports.PropTypes.string,
+  /**
+   * To specify the props for the connect button
+   */
+  buttonProps: propTypes.exports.PropTypes.object,
+  /**
+   * Handler function that is triggered when the connect button is clicked.
+   */
+  onConnect: propTypes.exports.PropTypes.func
+});
+
+({
+  /**
+   * To specify whether the integration modal should be opened or closed.
+   */
+  onClose: propTypes.exports.func,
+  /**
+   * To specify the walkthrough video link
+   */
+  videoUrl: propTypes.exports.string,
+  /**
+   * To specify the title of the demo component
+   */
+  title: propTypes.exports.string,
+  /**
+   * To specify the subtitle of the demo component
+   */
+  subtitle: propTypes.exports.string,
+  /**
+   * To specify the title of the video in the iframe
+   */
+  iframeTitle: propTypes.exports.string
+});
+
+({
+  /**
+   * To specify whether the integration modal should be opened or closed.
+   */
+  onClick: propTypes.exports.func,
+  /**
+   * To show the title of the Finish component
+   */
+  title: propTypes.exports.string,
+  /**
+   * To specify props for primary button
+   */
+  buttonProps: propTypes.exports.object,
+  /**
+   * To specify props for secondary button
+   */
+  secondaryButtonProps: propTypes.exports.object
+});
+
+var e = [],
+  t = [];
+function n(n, r) {
+  if (n && "undefined" != typeof document) {
+    var a,
+      s = !0 === r.prepend ? "prepend" : "append",
+      d = !0 === r.singleTag,
+      i = "string" == typeof r.container ? document.querySelector(r.container) : document.getElementsByTagName("head")[0];
+    if (d) {
+      var u = e.indexOf(i);
+      -1 === u && (u = e.push(i) - 1, t[u] = {}), a = t[u] && t[u][s] ? t[u][s] : t[u][s] = c();
+    } else a = c();
+    65279 === n.charCodeAt(0) && (n = n.substring(1)), a.styleSheet ? a.styleSheet.cssText += n : a.appendChild(document.createTextNode(n));
+  }
+  function c() {
+    var e = document.createElement("style");
+    if (e.setAttribute("type", "text/css"), r.attributes) for (var t = Object.keys(r.attributes), n = 0; n < t.length; n++) e.setAttribute(t[n], r.attributes[t[n]]);
+    var a = "prepend" === s ? "afterbegin" : "beforeend";
+    return i.insertAdjacentElement(a, e), e;
+  }
+}
+
+var css = ".intrinsic-container{height:0;overflow:hidden;position:relative}.intrinsic-container-16x9{padding-bottom:56.25%}.intrinsic-container-4x3{padding-bottom:75%}.intrinsic-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}";
+n(css,{});
+
+var Manage = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    title = _ref.title,
+    description = _ref.description,
+    integration = _ref.integration,
+    isDisconnectAlertOpen = _ref.isDisconnectAlertOpen,
+    setIsDisconnectAlertOpen = _ref.setIsDisconnectAlertOpen,
+    isDisconnecting = _ref.isDisconnecting,
+    onDisconnect = _ref.onDisconnect,
+    onClose = _ref.onClose;
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-md"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-10 w-full space-y-4"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-800 mb-0.5",
+    style: "h3",
+    weight: "semibold"
+  }, title), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-600 break-all",
+    style: "body1",
+    weight: "normal"
+  }, description), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoIntegrations.common.disconnect"),
+    style: "danger",
+    onClick: function onClick() {
+      return setIsDisconnectAlertOpen(true);
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement(DisconnectAlert__default["default"], {
+    isDisconnecting: isDisconnecting,
+    onClose: onClose,
+    onDisconnect: onDisconnect,
+    isOpen: isDisconnectAlertOpen,
+    message: t("neetoIntegrations.".concat(integration, ".disconnect.message")),
+    title: t("neetoIntegrations.".concat(integration, ".disconnect.title"))
+  }));
+});
+
+var show = function show() {
+  return axios__default["default"].get(INTEGRATION_DETAILS_URL, {
+    params: {
+      serviceName: "Zoom"
+    }
+  });
+};
+var destroy = function destroy() {
+  return axios__default["default"]["delete"]("".concat(INTEGRATIONS_ENGINE_ZOOM_URL, "/oauth"));
+};
+var zoomApi = {
+  show: show,
+  destroy: destroy
+};
+
+var useShowZoom = function useShowZoom() {
+  return reactQuery.useQuery(QUERY_KEYS.ZOOM_DETAILS, 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],
+    onSuccess: function onSuccess() {
+      return _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess();
+    }
+  });
+};
+
+var Zoom = function Zoom(_ref) {
+  var _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? neetoCist.noop : _ref$onDisconnect;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDisconnectAlertOpen = _useState2[0],
+    setIsDisconnectAlertOpen = _useState2[1];
+  var _useShowZoom = useShowZoom(),
+    _useShowZoom$data = _useShowZoom.data,
+    _useShowZoom$data2 = _useShowZoom$data === void 0 ? {} : _useShowZoom$data,
+    _useShowZoom$data2$me = _useShowZoom$data2.metadata,
+    _useShowZoom$data2$me2 = _useShowZoom$data2$me === void 0 ? {} : _useShowZoom$data2$me,
+    _useShowZoom$data2$me3 = _useShowZoom$data2$me2.email,
+    email = _useShowZoom$data2$me3 === void 0 ? "" : _useShowZoom$data2$me3,
+    isLoading = _useShowZoom.isLoading;
+  var _useDestroyZoom = useDestroyZoom({
+      onSuccess: function onSuccess() {
+        setIsDisconnectAlertOpen(false);
+        onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect();
+      }
+    }),
+    destroyIntegration = _useDestroyZoom.mutate,
+    isDisconnecting = _useDestroyZoom.isLoading;
+  var handleDisconnect = function handleDisconnect() {
+    return destroyIntegration("zoom");
+  };
+  if (isLoading) {
+    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+  }
+  if (neetoCist.isNotPresent(email)) {
+    onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect();
+  }
+  return /*#__PURE__*/React__default["default"].createElement(Manage, {
+    isDisconnectAlertOpen: isDisconnectAlertOpen,
+    isDisconnecting: isDisconnecting,
+    setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
+    description: t("neetoIntegrations.zoom.account", {
+      email: email
+    }),
+    integration: "zoom",
+    title: t("neetoIntegrations.zoom.connected"),
+    onClose: function onClose() {
+      return setIsDisconnectAlertOpen(false);
+    },
+    onDisconnect: function onDisconnect() {
+      return handleDisconnect();
+    }
+  });
+};
+
+module.exports = Zoom;
+//# sourceMappingURL=Zoom.cjs.js.map