@bigbinary/neeto-integrations-frontend 3.2.0 → 4.0.0

package/dist/cjs/ZapierForm.js

@@ -3,20 +3,22 @@
 var neetoCist = require('@bigbinary/neeto-cist');
 var Button = require('@bigbinary/neetoui/Button');
 var Spinner = require('@bigbinary/neetoui/Spinner');
-var Typography = require('@bigbinary/neetoui/Typography');
-var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var slicedToArray = require('../slicedToArray-f320d9e7.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Table = require('@bigbinary/neetoui/Table');
-var defineProperty = require('../defineProperty-f3094d6c.js');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ramda = require('ramda');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var i18next = require('i18next');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var yup = require('yup');
 var jsxRuntime = require('react/jsx-runtime');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var FormikForm = require('@bigbinary/neetoui/formik/Form');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -24,10 +26,7 @@ var reactRouterDom = require('react-router-dom');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -40,21 +39,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 var GENERATE_API_KEY_VALIDATION = yup__namespace.object({
   label: yup__namespace.string().trim(i18next.t("neetoIntegrations.zapier.label.noBlankSpaces")).required(i18next.t("neetoIntegrations.zapier.label.required")).strict()
@@ -71,7 +60,7 @@ var MENU_ITEMS = {
 };
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getMenuItems = function getMenuItems(_ref) {
   var apiKey = _ref.apiKey,
     setApiKeyToDelete = _ref.setApiKeyToDelete;
@@ -94,7 +83,7 @@ var getApiKeysTableColumnData = function getApiKeysTableColumnData() {
       var actions = _ref2.actions;
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center justify-between gap-x-3",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "w-4/5",
           style: "body2",
           children: options === null || options === void 0 ? void 0 : options.label
@@ -104,7 +93,8 @@ var getApiKeysTableColumnData = function getApiKeysTableColumnData() {
   }, {
     title: i18next.t("neetoIntegrations.zapier.tableColumns.createdAt"),
     dataIndex: "createdAt",
-    key: "createdAt"
+    key: "createdAt",
+    width: 200
   }];
 };
 var getApiKeysTableRowData = function getApiKeysTableRowData(_ref3) {
@@ -113,7 +103,7 @@ var getApiKeysTableRowData = function getApiKeysTableRowData(_ref3) {
   return apiKeys.map(function (apiKey) {
     return _objectSpread$1(_objectSpread$1({}, apiKey), {}, {
       createdAt: utils.timeFormat.fromNow(apiKey.createdAt),
-      actions: /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+      actions: /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
         dropdownProps: {
           strategy: "fixed"
         },
@@ -137,11 +127,11 @@ var ApiKeysList = function ApiKeysList(_ref) {
     _ref$setNewlyCreatedA = _ref.setNewlyCreatedApiKey,
     setNewlyCreatedApiKey = _ref$setNewlyCreatedA === void 0 ? neetoCist.noop : _ref$setNewlyCreatedA;
   var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     apiKeyToDelete = _useState2[0],
     setApiKeyToDelete = _useState2[1];
   var _useState3 = React.useState(constants.DEFAULT_PAGE_INDEX),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     currentPageNumber = _useState4[0],
     setCurrentPageNumber = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -160,23 +150,25 @@ var ApiKeysList = function ApiKeysList(_ref) {
   if (ramda.isEmpty(apiKeys)) return null;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "space-y-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "max-w-full space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h3",
         children: t("neetoIntegrations.zapier.tableTitle")
-      }), /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
-        currentPageNumber: currentPageNumber,
-        fixedHeight: true,
-        allowRowClick: false,
-        columnData: getApiKeysTableColumnData(),
-        defaultPageSize: constants.DEFAULT_PAGE_SIZE,
-        handlePageChange: setCurrentPageNumber,
-        rowData: getApiKeysTableRowData({
-          apiKeys: apiKeys,
-          setApiKeyToDelete: setApiKeyToDelete
+      }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Table, {
+          currentPageNumber: currentPageNumber,
+          fixedHeight: true,
+          allowRowClick: false,
+          columnData: getApiKeysTableColumnData(),
+          defaultPageSize: constants.DEFAULT_PAGE_SIZE,
+          handlePageChange: setCurrentPageNumber,
+          rowData: getApiKeysTableRowData({
+            apiKeys: apiKeys,
+            setApiKeyToDelete: setApiKeyToDelete
+          })
         })
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
       backdropClassName: "zapier-delete-alert",
       isOpen: ramda.isNotNil(apiKeyToDelete),
       isSubmitting: isDeleting,
@@ -195,10 +187,11 @@ var ApiKeysList = function ApiKeysList(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GenerateKey = function GenerateKey(_ref) {
   var handleSubmit = _ref.handleSubmit,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    helpDocUrl = _ref.helpDocUrl;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var inputRef = React.useRef(null);
@@ -207,17 +200,14 @@ var GenerateKey = function GenerateKey(_ref) {
     if (!inputRef.current) return;
     inputRef.current.focus();
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(FormikForm, {
+    className: "w-full",
     formikProps: _objectSpread(_objectSpread({}, GENERATE_API_KEY_FORMIK_PROPS), {}, {
       onSubmit: handleSubmit
     }),
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
-        name: "label",
-        placeholder: t("neetoIntegrations.zapier.labelInputPlaceholder"),
-        ref: inputRef
-      }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+      title: t("neetoIntegrations.zapier.apiKeys"),
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
         cancelButtonProps: {
           onClick: function onClick() {
             return history.goBack();
@@ -227,7 +217,20 @@ var GenerateKey = function GenerateKey(_ref) {
         submitButtonProps: {
           label: t("neetoIntegrations.zapier.generateApiKey")
         }
-      })]
+      }),
+      description: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [t("neetoIntegrations.zapier.emptyText"), " ", neetoCist.isNotEmpty(helpDocUrl) && /*#__PURE__*/jsxRuntime.jsx(Button, {
+          href: helpDocUrl,
+          label: t("neetoIntegrations.zapier.learnMore"),
+          style: "link",
+          target: "_blank"
+        })]
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+        name: "label",
+        placeholder: t("neetoIntegrations.zapier.labelInputPlaceholder"),
+        ref: inputRef
+      })
     })
   });
 };
@@ -236,21 +239,19 @@ var NewApiKeyInfo = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     apiKey = _ref.apiKey;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "space-y-2",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      classname: "neeto-ui-text-gray-700",
+    className: "space-y-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       style: "body2",
       weight: "normal",
       children: t("neetoIntegrations.zapier.newApiKeyInstruction")
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex justify-between",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        className: "neeto-ui-text-gray-800 my-auto",
-        style: "h5",
-        weight: "semibold",
+      className: "flex gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-bg-gray-50 neeto-ui-border-gray-300 neeto-ui-rounded min-w-96 border px-2 py-1",
+        style: "body2",
+        weight: "medium",
         children: apiKey
-      }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
-        label: t("neetoIntegrations.zapier.copyApiKey"),
+      }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
         value: apiKey
       })]
     })]
@@ -282,31 +283,33 @@ var ZapierForm = function ZapierForm(_ref) {
     setIsDemoModalOpen = _ref$setIsDemoModalOp === void 0 ? neetoCist.noop : _ref$setIsDemoModalOp;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex w-full max-w-3xl flex-col items-start space-y-6",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      style: "h2",
-      children: t("neetoIntegrations.zapier.apiKeys")
-    }), ramda.isEmpty(apiKeys) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      style: "h4",
-      children: t("neetoIntegrations.zapier.emptyText")
-    }), /*#__PURE__*/jsxRuntime.jsx(GenerateKey, {
-      handleSubmit: handleGenerateApiKey,
-      isLoading: isGenerating
-    }), neetoCist.isNotEmpty(newlyCreatedApiKey) && /*#__PURE__*/jsxRuntime.jsx(NewApiKeyInfo, {
-      apiKey: newlyCreatedApiKey
-    }), neetoCist.isNotEmpty(helpDocUrl) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      href: helpDocUrl,
-      label: t("neetoIntegrations.zapier.helpDoc"),
-      style: "link",
-      target: "_blank"
-    }), neetoCist.isNotEmpty(videoUrl) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      label: t("neetoIntegrations.zapier.walkthroughText"),
-      style: "link",
-      onClick: function onClick() {
-        return setIsDemoModalOpen(true);
-      }
+    className: "mx-auto flex w-full max-w-3xl flex-col items-start space-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "w-full",
+      children: [/*#__PURE__*/jsxRuntime.jsx(GenerateKey, {
+        helpDocUrl: helpDocUrl,
+        videoUrl: videoUrl,
+        handleSubmit: handleGenerateApiKey,
+        isLoading: isGenerating
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-4",
+        children: [neetoCist.isNotEmpty(newlyCreatedApiKey) && /*#__PURE__*/jsxRuntime.jsx(NewApiKeyInfo, {
+          apiKey: newlyCreatedApiKey
+        }), neetoCist.isNotEmpty(videoUrl) && /*#__PURE__*/jsxRuntime.jsx(Button, {
+          label: t("neetoIntegrations.zapier.walkthroughText"),
+          style: "link",
+          onClick: function onClick() {
+            return setIsDemoModalOpen(true);
+          }
+        })]
+      })]
     }), /*#__PURE__*/jsxRuntime.jsx(ApiKeysList, {
       apiKeys: apiKeys,
       deleteApiKey: deleteApiKey,

package/dist/cjs/ZapierForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapierForm.js","sources":["../../app/javascript/src/components/Integrations/ZapierForm/constants.js","../../app/javascript/src/components/Integrations/ZapierForm/utils.jsx","../../app/javascript/src/components/Integrations/ZapierForm/ApiKeysList.jsx","../../app/javascript/src/components/Integrations/ZapierForm/GenerateKey.jsx","../../app/javascript/src/components/Integrations/ZapierForm/NewApiKeyInfo.jsx","../../app/javascript/src/components/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-cy\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    dataIndex: \"options\",\n    key: \"options\",\n    width: 272,\n    render: (options, { actions }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {options?.label}\n        </Typography>\n        {actions}\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport { Alert, Table, Typography } from \"neetoui\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <div className=\"space-y-2\">\n        <Typography style=\"h3\">\n          {t(\"neetoIntegrations.zapier.tableTitle\")}\n        </Typography>\n        <Table\n          {...{ currentPageNumber }}\n          fixedHeight\n          allowRowClick={false}\n          columnData={getApiKeysTableColumnData()}\n          defaultPageSize={DEFAULT_PAGE_SIZE}\n          handlePageChange={setCurrentPageNumber}\n          rowData={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n        />\n      </div>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <div className=\"space-y-3\">\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n        <ActionBlock\n          cancelButtonProps={{ onClick: () => history.goBack() }}\n          isSubmitting={isLoading}\n          submitButtonProps={{\n            label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n          }}\n        />\n      </div>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-2\">\n    <Typography\n      classname=\"neeto-ui-text-gray-700\"\n      style=\"body2\"\n      weight=\"normal\"\n    >\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex justify-between\">\n      <Typography\n        className=\"neeto-ui-text-gray-800 my-auto\"\n        style=\"h5\"\n        weight=\"semibold\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton\n        label={t(\"neetoIntegrations.zapier.copyApiKey\")}\n        value={apiKey}\n      />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { isNotEmpty, noop } from \"neetocist\";\nimport { Button, Spinner, Typography } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div className=\"flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <Typography style=\"h2\">\n        {t(\"neetoIntegrations.zapier.apiKeys\")}\n      </Typography>\n      {isEmpty(apiKeys) && (\n        <Typography style=\"h4\">\n          {t(\"neetoIntegrations.zapier.emptyText\")}\n        </Typography>\n      )}\n      <GenerateKey\n        handleSubmit={handleGenerateApiKey}\n        isLoading={isGenerating}\n      />\n      {isNotEmpty(newlyCreatedApiKey) && (\n        <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n      )}\n      {isNotEmpty(helpDocUrl) && (\n        <Button\n          href={helpDocUrl}\n          label={t(\"neetoIntegrations.zapier.helpDoc\")}\n          style=\"link\"\n          target=\"_blank\"\n        />\n      )}\n      {isNotEmpty(videoUrl) && (\n        <Button\n          label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n          style=\"link\"\n          onClick={() => setIsDemoModalOpen(true)}\n        />\n      )}\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","title","dataIndex","width","render","options","_ref2","actions","_jsxs","className","children","_jsx","Typography","style","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","id","onSuccess","isEmpty","_Fragment","Table","fixedHeight","allowRowClick","columnData","defaultPageSize","DEFAULT_PAGE_SIZE","handlePageChange","rowData","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","Input","name","placeholder","ref","ActionBlock","cancelButtonProps","goBack","submitButtonProps","NewApiKeyInfo","withT","classname","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner","isNotEmpty","Button","href","target"],"mappings":"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"}
+{"version":3,"file":"ZapierForm.js","sources":["../../app/javascript/src/components/Integrations/ZapierForm/constants.js","../../app/javascript/src/components/Integrations/ZapierForm/utils.jsx","../../app/javascript/src/components/Integrations/ZapierForm/ApiKeysList.jsx","../../app/javascript/src/components/Integrations/ZapierForm/GenerateKey.jsx","../../app/javascript/src/components/Integrations/ZapierForm/NewApiKeyInfo.jsx","../../app/javascript/src/components/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-cy\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    dataIndex: \"options\",\n    key: \"options\",\n    width: 272,\n    render: (options, { actions }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {options?.label}\n        </Typography>\n        {actions}\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Alert, Table, Typography } from \"neetoui\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <div className=\"max-w-full space-y-3\">\n        <Typography style=\"h3\">\n          {t(\"neetoIntegrations.zapier.tableTitle\")}\n        </Typography>\n        <TableWrapper>\n          <Table\n            {...{ currentPageNumber }}\n            fixedHeight\n            allowRowClick={false}\n            columnData={getApiKeysTableColumnData()}\n            defaultPageSize={DEFAULT_PAGE_SIZE}\n            handlePageChange={setCurrentPageNumber}\n            rowData={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n          />\n        </TableWrapper>\n      </div>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading, helpDocUrl }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <CardLayout\n        title={t(\"neetoIntegrations.zapier.apiKeys\")}\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            isSubmitting={isLoading}\n            submitButtonProps={{\n              label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n            }}\n          />\n        }\n        description={\n          <>\n            {t(\"neetoIntegrations.zapier.emptyText\")}{\" \"}\n            {isNotEmpty(helpDocUrl) && (\n              <Button\n                href={helpDocUrl}\n                label={t(\"neetoIntegrations.zapier.learnMore\")}\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </>\n        }\n      >\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-3\">\n    <Typography style=\"body2\" weight=\"normal\">\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex gap-2\">\n      <Typography\n        className=\"neeto-ui-bg-gray-50 neeto-ui-border-gray-300 neeto-ui-rounded min-w-96 border px-2 py-1\"\n        style=\"body2\"\n        weight=\"medium\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton value={apiKey} />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { isNotEmpty, noop } from \"neetocist\";\nimport { Button, Spinner } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <div className=\"w-full\">\n        <GenerateKey\n          {...{ helpDocUrl, videoUrl }}\n          handleSubmit={handleGenerateApiKey}\n          isLoading={isGenerating}\n        />\n        <div className=\"space-y-4\">\n          {isNotEmpty(newlyCreatedApiKey) && (\n            <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n          )}\n          {isNotEmpty(videoUrl) && (\n            <Button\n              label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n              style=\"link\"\n              onClick={() => setIsDemoModalOpen(true)}\n            />\n          )}\n        </div>\n      </div>\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","title","dataIndex","width","render","options","_ref2","actions","_jsxs","className","children","_jsx","Typography","style","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","id","onSuccess","isEmpty","_Fragment","TableWrapper","Table","fixedHeight","allowRowClick","columnData","defaultPageSize","DEFAULT_PAGE_SIZE","handlePageChange","rowData","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","helpDocUrl","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","submitButtonProps","description","isNotEmpty","Button","href","target","Input","name","placeholder","ref","NewApiKeyInfo","withT","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,2BAA2B,GAAGC,cAAG,CAACC,MAAM,CAAC;EAC7CC,KAAK,EAAEF,cAAG,CAACG,MAAM,EAAE,CAChBC,IAAI,CAACC,SAAC,CAAC,8CAA8C,CAAC,CAAC,CACvDC,QAAQ,CAACD,SAAC,CAAC,yCAAyC,CAAC,CAAC,CACtDE,MAAM;AACX,CAAC,CAAC;AAEK,IAAMC,6BAA6B,GAAG;AAC3CC,EAAAA,aAAa,EAAE;AAAEP,IAAAA,KAAK,EAAE;GAAI;AAC5BQ,EAAAA,gBAAgB,EAAEX,2BAA2B;AAC7CY,EAAAA,cAAc,EAAE;AAClB,CAAC;AAEM,IAAMC,UAAU,GAAG;AAAEC,EAAAA,MAAM,EAAE;AAAS,CAAC;;;;ACT9C,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;AAAA,EAAA,OAAO,CACtD;IACEC,GAAG,EAAEN,UAAU,CAACC,MAAM;AACtB,IAAA,SAAS,EAAE,sBAAsB;AACjCX,IAAAA,KAAK,EAAEG,SAAC,CAAC,iCAAiC,CAAC;IAC3Cc,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQF,iBAAiB,CAACD,MAAM,CAAC;AAAA;AAC1C,GAAC,CACF;AAAA,CAAA;AAEM,IAAMI,yBAAyB,GAAG,SAA5BA,yBAAyBA,GAAA;AAAA,EAAA,OAAS,CAC7C;AACEC,IAAAA,KAAK,EAAEhB,SAAC,CAAC,6CAA6C,CAAC;AACvDiB,IAAAA,SAAS,EAAE,SAAS;AACpBJ,IAAAA,GAAG,EAAE,SAAS;AACdK,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAGC,OAAO,EAAAC,KAAA,EAAA;AAAA,MAAA,IAAIC,OAAO,GAAAD,KAAA,CAAPC,OAAO;AAAA,MAAA,oBACzBC,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,2CAA2C;QAAAC,QAAA,EAAA,cACxDC,cAAA,CAACC,UAAU,EAAA;AAACH,UAAAA,SAAS,EAAC,OAAO;AAACI,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,EACxCL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEvB;SACA,CAAC,EACZyB,OAAO;AAAA,OACL,CAAC;AAAA;AAEV,GAAC,EACD;AACEN,IAAAA,KAAK,EAAEhB,SAAC,CAAC,iDAAiD,CAAC;AAC3DiB,IAAAA,SAAS,EAAE,WAAW;AACtBJ,IAAAA,GAAG,EAAE,WAAW;AAChBK,IAAAA,KAAK,EAAE;AACT,GAAC,CACF;AAAA,CAAA;AAEM,IAAMW,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEnB,iBAAiB,GAAAkB,KAAA,CAAjBlB,iBAAiB;AAAA,EAAA,OACjEmB,OAAO,CAACC,GAAG,CAAC,UAAArB,MAAM,EAAA;AAAA,IAAA,OAAAsB,eAAA,CAAAA,eAAA,CAAA,EAAA,EACbtB,MAAM,CAAA,EAAA,EAAA,EAAA;MACTuB,SAAS,EAAEC,gBAAU,CAACC,OAAO,CAACzB,MAAM,CAACuB,SAAS,CAAC;MAC/CZ,OAAO,eACLI,cAAA,CAACW,YAAY,EAAA;AACXC,QAAAA,aAAa,EAAE;AAAEC,UAAAA,QAAQ,EAAE;SAAU;QACrCC,SAAS,EAAE/B,YAAY,CAAC;AAAEE,UAAAA,MAAM,EAANA,MAAM;AAAEC,UAAAA,iBAAiB,EAAjBA;SAAmB;OACtD;AACF,KAAA,CAAA;AAAA,GACD,CAAC;AAAA,CAAA;;ACtCL,IAAM6B,WAAW,GAAG,SAAdA,WAAWA,CAAA/B,IAAA,EAKX;AAAA,EAAA,IAAAgC,qBAAA;AAAA,EAAA,IAAAC,YAAA,GAAAjC,IAAA,CAJJqB,OAAO;AAAPA,IAAAA,OAAO,GAAAY,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAC,iBAAA,GAAAlC,IAAA,CACZmC,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,iBAAA;IAAAG,eAAA,GAAArC,IAAA,CACnBsC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,qBAAA,GAAAvC,IAAA,CAClBwC,qBAAqB;AAArBA,IAAAA,qBAAqB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,cAAI,GAAAG,qBAAA;AAE5B,EAAA,IAAAE,SAAA,GAA4CC,cAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnDI,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEzC,IAAAA,iBAAiB,GAAAyC,UAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,UAAA,GACEJ,cAAQ,CAACK,4BAAkB,CAAC;IAAAC,UAAA,GAAAJ,cAAA,CAAAE,UAAA,EAAA,CAAA,CAAA;AADvBG,IAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAG9C,EAAA,IAAAG,eAAA,GAAcC,2BAAc,EAAE;IAAtB9D,CAAC,GAAA6D,eAAA,CAAD7D,CAAC;AAET,EAAA,IAAM+D,UAAU,GAAG,SAAbA,UAAUA,GAAA;IAAA,OAASnD,iBAAiB,CAAC,IAAI,CAAC;AAAA,GAAA;AAEhD,EAAA,IAAMoD,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBnB,YAAY,CAACU,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEU,EAAE,EAAE;AAC/BC,MAAAA,SAAS,EAAE,SAAXA,SAASA,GAAQ;AACfH,QAAAA,UAAU,EAAE;QACZb,qBAAqB,CAAC,EAAE,CAAC;AAC3B;AACF,KAAC,CAAC;GACH;AAED,EAAA,IAAIiB,aAAO,CAACpC,OAAO,CAAC,EAAE,OAAO,IAAI;EAEjC,oBACER,eAAA,CAAA6C,mBAAA,EAAA;AAAA3C,IAAAA,QAAA,gBACEF,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,sBAAsB;MAAAC,QAAA,EAAA,cACnCC,cAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,IAAI;QAAAH,QAAA,EACnBzB,CAAC,CAAC,qCAAqC;AAAC,OAC/B,CAAC,eACb0B,cAAA,CAAC2C,YAAY,EAAA;QAAA5C,QAAA,eACXC,cAAA,CAAC4C,KAAK,EAAA;AACEX,UAAAA,iBAAiB,EAAjBA,iBAAiB;UACvBY,WAAW,EAAA,IAAA;AACXC,UAAAA,aAAa,EAAE,KAAM;UACrBC,UAAU,EAAE1D,yBAAyB,EAAG;AACxC2D,UAAAA,eAAe,EAAEC,2BAAkB;AACnCC,UAAAA,gBAAgB,EAAEhB,oBAAqB;UACvCiB,OAAO,EAAEhD,sBAAsB,CAAC;AAAEE,YAAAA,OAAO,EAAPA,OAAO;AAAEnB,YAAAA,iBAAiB,EAAjBA;WAAmB;SAC/D;AAAC,OACU,CAAC;AAAA,KACZ,CAAC,eACNc,cAAA,CAACoD,KAAK,EAAA;AACJC,MAAAA,iBAAiB,EAAC,qBAAqB;AACvCC,MAAAA,MAAM,EAAEC,cAAQ,CAAC1B,cAAc,CAAE;AACjC2B,MAAAA,YAAY,EAAElC,UAAW;AACzBmC,MAAAA,iBAAiB,EAAEnF,CAAC,CAAC,iCAAiC,CAAE;AACxDgB,MAAAA,KAAK,EAAEhB,CAAC,CAAC,6CAA6C,CAAE;MACxDoF,OAAO,eACL1D,cAAA,CAAC2D,kBAAK,EAAA;AACJC,QAAAA,OAAO,EAAC,+CAA+C;AACvDC,QAAAA,MAAM,EAAE;AAAE1E,UAAAA,GAAG,EAAE0C,cAAc,KAAdA,IAAAA,IAAAA,cAAc,gBAAAb,qBAAA,GAAda,cAAc,CAAEnC,OAAO,MAAA,IAAA,IAAAsB,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAvBA,qBAAA,CAAyB7C;AAAM;AAAE,OACjD,CACF;AACD2F,MAAAA,OAAO,EAAEzB,UAAW;AACpB0B,MAAAA,QAAQ,EAAEzB;AAAa,KACxB,CAAC;AAAA,GACF,CAAC;AAEP,CAAC;;;;AC5DD,IAAM0B,WAAW,GAAG,SAAdA,WAAWA,CAAAhF,IAAA,EAAgD;AAAA,EAAA,IAA1CsD,YAAY,GAAAtD,IAAA,CAAZsD,YAAY;IAAE2B,SAAS,GAAAjF,IAAA,CAATiF,SAAS;IAAEC,UAAU,GAAAlF,IAAA,CAAVkF,UAAU;AACxD,EAAA,IAAA/B,eAAA,GAAcC,2BAAc,EAAE;IAAtB9D,CAAC,GAAA6D,eAAA,CAAD7D,CAAC;AACT,EAAA,IAAM6F,QAAQ,GAAGC,YAAM,CAAC,IAAI,CAAC;AAC7B,EAAA,IAAMC,OAAO,GAAGC,yBAAU,EAAE;AAE5BC,EAAAA,eAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAACJ,QAAQ,CAACK,OAAO,EAAE;AACvBL,IAAAA,QAAQ,CAACK,OAAO,CAACC,KAAK,EAAE;GACzB,EAAE,EAAE,CAAC;EAEN,oBACEzE,cAAA,CAAC0E,UAAI,EAAA;AACH5E,IAAAA,SAAS,EAAC,QAAQ;AAClB6E,IAAAA,WAAW,EAAApE,aAAA,CAAAA,aAAA,KACN9B,6BAA6B,CAAA,EAAA,EAAA,EAAA;AAChCsF,MAAAA,QAAQ,EAAEzB;KACV,CAAA;IAAAvC,QAAA,eAEFC,cAAA,CAAC4E,UAAU,EAAA;AACTtF,MAAAA,KAAK,EAAEhB,CAAC,CAAC,kCAAkC,CAAE;MAC7CuG,WAAW,eACT7E,cAAA,CAAC8E,WAAW,EAAA;AACVC,QAAAA,iBAAiB,EAAE;UAAE3F,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,YAAA,OAAQiF,OAAO,CAACW,MAAM,EAAE;AAAA;SAAG;AACvDxB,QAAAA,YAAY,EAAES,SAAU;AACxBgB,QAAAA,iBAAiB,EAAE;UACjB9G,KAAK,EAAEG,CAAC,CAAC,yCAAyC;AACpD;AAAE,OACH,CACF;MACD4G,WAAW,eACTrF,eAAA,CAAA6C,mBAAA,EAAA;AAAA3C,QAAAA,QAAA,EACGzB,CAAAA,CAAC,CAAC,oCAAoC,CAAC,EAAE,GAAG,EAC5C6G,oBAAU,CAACjB,UAAU,CAAC,iBACrBlE,cAAA,CAACoF,MAAM,EAAA;AACLC,UAAAA,IAAI,EAAEnB,UAAW;AACjB/F,UAAAA,KAAK,EAAEG,CAAC,CAAC,oCAAoC,CAAE;AAC/C4B,UAAAA,KAAK,EAAC,MAAM;AACZoF,UAAAA,MAAM,EAAC;AAAQ,SAChB,CACF;AAAA,OACD,CACH;MAAAvF,QAAA,eAEDC,cAAA,CAACuF,KAAK,EAAA;AACJC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,WAAW,EAAEnH,CAAC,CAAC,gDAAgD,CAAE;AACjEoH,QAAAA,GAAG,EAAEvB;OACN;KACS;AAAC,GACT,CAAC;AAEX,CAAC;;AC1DD,IAAMwB,aAAa,GAAGC,gBAAK,CAAC,UAAA5G,IAAA,EAAA;AAAA,EAAA,IAAGV,CAAC,GAAAU,IAAA,CAADV,CAAC;IAAEW,MAAM,GAAAD,IAAA,CAANC,MAAM;AAAA,EAAA,oBACtCY,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAAC,QAAA,EAAA,cACxBC,cAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,KAAK,EAAC,OAAO;AAAC2F,MAAAA,MAAM,EAAC,QAAQ;MAAA9F,QAAA,EACtCzB,CAAC,CAAC,+CAA+C;KACxC,CAAC,eACbuB,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,YAAY;MAAAC,QAAA,EAAA,cACzBC,cAAA,CAACC,UAAU,EAAA;AACTH,QAAAA,SAAS,EAAC,yFAAyF;AACnGI,QAAAA,KAAK,EAAC,OAAO;AACb2F,QAAAA,MAAM,EAAC,QAAQ;AAAA9F,QAAAA,QAAA,EAEdd;AAAM,OACG,CAAC,eACbe,cAAA,CAAC8F,qBAAqB,EAAA;AAACC,QAAAA,KAAK,EAAE9G;AAAO,OAAE,CAAC;AAAA,KACrC,CAAC;AAAA,GACH,CAAC;AAAA,CACP,CAAC;;ACZF,IAAM+G,UAAU,GAAG,SAAbA,UAAUA,CAAAhH,IAAA,EAYV;AAAA,EAAA,IAAAiH,qBAAA,GAAAjH,IAAA,CAXJkH,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,aAAA,GAAAnH,IAAA,CACvBoH,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,eAAA,GAAArH,IAAA,CACbkF,UAAU;AAAVA,IAAAA,UAAU,GAAAmC,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAApF,YAAA,GAAAjC,IAAA,CACfqB,OAAO;AAAPA,IAAAA,OAAO,GAAAY,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAqF,iBAAA,GAAAtH,IAAA,CACZuH,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,cAAA,GAAAxH,IAAA,CACpBiF,SAAS;AAATA,IAAAA,SAAS,GAAAuC,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;IAAAnF,eAAA,GAAArC,IAAA,CAChBsC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAH,iBAAA,GAAAlC,IAAA,CAClBmC,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,iBAAA;IAAAuF,qBAAA,GAAAzH,IAAA,CACnB0H,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAGrF,KAAAA,CAAAA,GAAAA,cAAI,GAAAqF,qBAAA;IAAAlF,qBAAA,GAAAvC,IAAA,CAC3BwC,qBAAqB;AAArBA,IAAAA,qBAAqB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,cAAI,GAAAG,qBAAA;IAAAoF,qBAAA,GAAA3H,IAAA,CAC5B4H,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAGvF,KAAAA,CAAAA,GAAAA,cAAI,GAAAuF,qBAAA;AAEzB,EAAA,IAAAxE,eAAA,GAAcC,2BAAc,EAAE;IAAtB9D,CAAC,GAAA6D,eAAA,CAAD7D,CAAC;AAET,EAAA,IAAI2F,SAAS,EAAE;AACb,IAAA,oBACEjE,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,gDAAgD;AAAAC,MAAAA,QAAA,eAC7DC,cAAA,CAAC6G,OAAO,EAAE,EAAA;AAAC,KACR,CAAC;AAEV;AAEA,EAAA,oBACEhH,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8DAA8D;AAAAC,IAAAA,QAAA,gBAC3EF,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,QAAQ;MAAAC,QAAA,EAAA,cACrBC,cAAA,CAACgE,WAAW,EAAA;AACJE,QAAAA,UAAU,EAAVA,UAAU;AAAEkC,QAAAA,QAAQ,EAARA,QAAQ;AAC1B9D,QAAAA,YAAY,EAAEoE,oBAAqB;AACnCzC,QAAAA,SAAS,EAAEsC;OACZ,CAAC,eACF1G,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAC,QAAA,EAAA,CACvBoF,oBAAU,CAACe,kBAAkB,CAAC,iBAC7BlG,cAAA,CAAC2F,aAAa,EAAA;AAAC1G,UAAAA,MAAM,EAAEiH;SAAqB,CAC7C,EACAf,oBAAU,CAACiB,QAAQ,CAAC,iBACnBpG,cAAA,CAACoF,MAAM,EAAA;AACLjH,UAAAA,KAAK,EAAEG,CAAC,CAAC,0CAA0C,CAAE;AACrD4B,UAAAA,KAAK,EAAC,MAAM;UACZd,OAAO,EAAE,SAATA,OAAOA,GAAA;YAAA,OAAQwH,kBAAkB,CAAC,IAAI,CAAC;AAAA;AAAC,SACzC,CACF;AAAA,OACE,CAAC;AAAA,KACH,CAAC,eACN5G,cAAA,CAACe,WAAW,EAAA;AACJV,MAAAA,OAAO,EAAPA,OAAO;AAAEc,MAAAA,YAAY,EAAZA,YAAY;AAAEG,MAAAA,UAAU,EAAVA,UAAU;AAAEE,MAAAA,qBAAqB,EAArBA;AAAqB,KAC/D,CAAC;AAAA,GACC,CAAC;AAEV;;;;"}

package/dist/cjs/Zoom.js

@@ -1,34 +1,31 @@
 'use strict';
 
-var slicedToArray = require('../slicedToArray-f320d9e7.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var ZoomIcon = require('@bigbinary/neeto-icons/misc/Zoom');
-var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var reactI18next = require('react-i18next');
 var Manage = require('./Manage.js');
 var reactQuery = require('@tanstack/react-query');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var axios = require('axios');
-var query = require('../query-4f9552ab.js');
+var query = require('../query-MCAJv0II.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('../defineProperty-f3094d6c.js');
+require('@babel/runtime/helpers/defineProperty');
 require('classnames');
 require('@bigbinary/neeto-icons/Check');
-require('@bigbinary/neeto-molecules/IntegrationDisconnectAlert');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Tooltip');
 require('@bigbinary/neetoui/Typography');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var ZoomIcon__default = /*#__PURE__*/_interopDefaultLegacy(ZoomIcon);
-var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+require('./DisconnectAlert.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+require('@bigbinary/neetoui/Alert');
 
 var show = function show() {
-  return axios__default["default"].get(query.INTEGRATION_DETAILS_URL, {
+  return axios.get(query.INTEGRATION_DETAILS_URL, {
     params: {
       serviceName: "Zoom",
       integrableType: "User"
@@ -36,7 +33,7 @@ var show = function show() {
   });
 };
 var destroy = function destroy() {
-  return axios__default["default"]["delete"]("".concat(query.INTEGRATIONS_ENGINE_ZOOM_URL, "/oauth"));
+  return axios["delete"]("".concat(query.INTEGRATIONS_ENGINE_ZOOM_URL, "/oauth"));
 };
 var zoomApi = {
   show: show,
@@ -70,7 +67,7 @@ var Zoom = function Zoom(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isDisconnectAlertOpen = _useState2[0],
     setIsDisconnectAlertOpen = _useState2[1];
   var _useShowZoom = useShowZoom(),
@@ -93,14 +90,19 @@ var Zoom = function Zoom(_ref) {
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("zoom");
   };
-  if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsx(Manage, {
     connectUrl: connectUrl,
     isConnected: isConnected,
     isDisconnectAlertOpen: isDisconnectAlertOpen,
     isDisconnecting: isDisconnecting,
     setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    Icon: ZoomIcon__default["default"],
+    Icon: ZoomIcon,
     integration: "zoom",
     description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
       components: {

package/dist/cjs/Zoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"Zoom.js","sources":["../../app/javascript/src/apis/zoom.js","../../app/javascript/src/hooks/reactQuery/useZoomApi.js","../../app/javascript/src/components/Integrations/Zoom/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport {\n  INTEGRATIONS_ENGINE_ZOOM_URL,\n  INTEGRATION_DETAILS_URL,\n} from \"src/constants/urls\";\n\nconst show = () =>\n  axios.get(INTEGRATION_DETAILS_URL, {\n    params: { serviceName: \"Zoom\", integrableType: \"User\" },\n  });\n\nconst destroy = () => axios.delete(`${INTEGRATIONS_ENGINE_ZOOM_URL}/oauth`);\n\nconst zoomApi = { show, destroy };\n\nexport default zoomApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { DEFAULT_STALE_TIME } from \"neetocommons/constants\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport zoomApi from \"apis/zoom\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nexport const useShowZoom = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.ZOOM_DETAILS],\n    queryFn: zoomApi.show,\n    staleTime: DEFAULT_STALE_TIME,\n  });\nexport const useDestroyZoom = ({ onSuccess }) =>\n  useMutationWithInvalidation(zoomApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.ZOOM_DETAILS]],\n    onSuccess: () => onSuccess?.(),\n  });\n","import { useState } from \"react\";\n\nimport { isPresent, noop } from \"neetocist\";\nimport { Zoom as ZoomIcon } from \"neetoicons/misc\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport ManageIntegrations from \"components/commons/Manage\";\nimport { useDestroyZoom, useShowZoom } from \"hooks/reactQuery/useZoomApi\";\n\nconst Zoom = ({ connectUrl = \"\", description = \"\", onDisconnect = noop }) => {\n  const { t } = useTranslation();\n\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { data: { metadata: { email = \"\" } = {} } = {}, isLoading } =\n    useShowZoom();\n\n  const { mutate: destroyIntegration, isPending: isDisconnecting } =\n    useDestroyZoom({\n      onSuccess: () => {\n        setIsDisconnectAlertOpen(false);\n        onDisconnect?.();\n      },\n    });\n\n  const isConnected = isPresent(email);\n\n  const handleDisconnect = () => destroyIntegration(\"zoom\");\n\n  if (isLoading) return <PageLoader />;\n\n  return (\n    <ManageIntegrations\n      {...{\n        connectUrl,\n        isConnected,\n        isDisconnectAlertOpen,\n        isDisconnecting,\n        setIsDisconnectAlertOpen,\n      }}\n      Icon={ZoomIcon}\n      integration=\"zoom\"\n      description={\n        isConnected ? (\n          <Trans\n            components={{ underline: <u className=\"font-medium\" /> }}\n            i18nKey=\"neetoIntegrations.zoom.account\"\n            values={{ email }}\n          />\n        ) : (\n          description\n        )\n      }\n      title={\n        isConnected\n          ? t(\"neetoIntegrations.zoom.connected\")\n          : t(\"neetoIntegrations.zoom.connect\")\n      }\n      onClose={() => setIsDisconnectAlertOpen(false)}\n      onDisconnect={() => handleDisconnect()}\n    />\n  );\n};\n\nexport default Zoom;\n"],"names":["show","axios","get","INTEGRATION_DETAILS_URL","params","serviceName","integrableType","destroy","concat","INTEGRATIONS_ENGINE_ZOOM_URL","zoomApi","useShowZoom","useQuery","queryKey","QUERY_KEYS","ZOOM_DETAILS","queryFn","staleTime","DEFAULT_STALE_TIME","useDestroyZoom","_ref","onSuccess","useMutationWithInvalidation","keysToInvalidate","Zoom","_ref$connectUrl","connectUrl","_ref$description","description","_ref$onDisconnect","onDisconnect","noop","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useShowZoom","_useShowZoom$data","data","_useShowZoom$data2","_useShowZoom$data2$me","metadata","_useShowZoom$data2$me2","_useShowZoom$data2$me3","email","isLoading","_useDestroyZoom","destroyIntegration","mutate","isDisconnecting","isPending","isConnected","isPresent","handleDisconnect","_jsx","PageLoader","ManageIntegrations","Icon","ZoomIcon","integration","Trans","components","underline","className","i18nKey","values","title","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,IAAI,GAAG,SAAPA,IAAIA,GAAA;AAAA,EAAA,OACRC,yBAAK,CAACC,GAAG,CAACC,6BAAuB,EAAE;AACjCC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,WAAW,EAAE,MAAM;AAAEC,MAAAA,cAAc,EAAE,MAAA;AAAO,KAAA;AACxD,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAMC,OAAO,GAAG,SAAVA,OAAOA,GAAA;AAAA,EAAA,OAASN,yBAAK,CAAO,QAAA,CAAA,CAAA,EAAA,CAAAO,MAAA,CAAIC,kCAA4B,WAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AAE3E,IAAMC,OAAO,GAAG;AAAEV,EAAAA,IAAI,EAAJA,IAAI;AAAEO,EAAAA,OAAO,EAAPA,OAAAA;AAAQ,CAAC;;ACP1B,IAAMI,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,OACtBC,mBAAQ,CAAC;AACPC,IAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACC,YAAY,CAAC;IACnCC,OAAO,EAAEN,OAAO,CAACV,IAAI;AACrBiB,IAAAA,SAAS,EAAEC,4BAAAA;AACb,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AACG,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,UAAS,GAAAD,IAAA,CAATC,SAAS,CAAA;AAAA,EAAA,OACxCC,sCAA2B,CAACZ,OAAO,CAACH,OAAO,EAAE;AAC3CgB,IAAAA,gBAAgB,EAAE,CAAC,CAACT,gBAAU,CAACC,YAAY,CAAC,CAAC;IAC7CM,SAAS,EAAE,SAAAA,SAAA,GAAA;AAAA,MAAA,OAAMA,UAAS,KAATA,IAAAA,IAAAA,UAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAS,EAAI,CAAA;AAAA,KAAA;AAChC,GAAC,CAAC,CAAA;AAAA,CAAA;;ACPJ,IAAMG,IAAI,GAAG,SAAPA,IAAIA,CAAAJ,IAAA,EAAmE;AAAA,EAAA,IAAAK,eAAA,GAAAL,IAAA,CAA7DM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,iBAAA,GAAAT,IAAA,CAAEU,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,iBAAA,CAAA;AACpE,EAAA,IAAAG,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,IAAAC,SAAA,GAA0DC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,4BAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtD,EAAA,IAAAI,YAAA,GACE9B,WAAW,EAAE;IAAA+B,iBAAA,GAAAD,YAAA,CADPE,IAAI;AAAAC,IAAAA,kBAAA,GAAAF,iBAAA,KAAA,KAAA,CAAA,GAAsC,EAAE,GAAAA,iBAAA;IAAAG,qBAAA,GAAAD,kBAAA,CAApCE,QAAQ;AAAAC,IAAAA,sBAAA,GAAAF,qBAAA,KAAA,KAAA,CAAA,GAAmB,EAAE,GAAAA,qBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAAjBE,KAAK;AAALA,IAAAA,KAAK,GAAAD,sBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,sBAAA;IAAgBE,SAAS,GAAAT,YAAA,CAATS,SAAS,CAAA;EAG/D,IAAAC,eAAA,GACEhC,cAAc,CAAC;MACbE,SAAS,EAAE,SAAAA,SAAAA,GAAM;QACfmB,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAC/BV,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,EAAI,CAAA;AAClB,OAAA;AACF,KAAC,CAAC;IANYsB,kBAAkB,GAAAD,eAAA,CAA1BE,MAAM;IAAiCC,eAAe,GAAAH,eAAA,CAA1BI,SAAS,CAAA;AAQ7C,EAAA,IAAMC,WAAW,GAAGC,mBAAS,CAACR,KAAK,CAAC,CAAA;AAEpC,EAAA,IAAMS,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAA;IAAA,OAASN,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAEzD,EAAA,IAAIF,SAAS,EAAE,oBAAOS,cAAA,CAACC,8BAAU,IAAE,CAAC,CAAA;EAEpC,oBACED,cAAA,CAACE,MAAkB,EAAA;AAEfnC,IAAAA,UAAU,EAAVA,UAAU;AACV8B,IAAAA,WAAW,EAAXA,WAAW;AACXjB,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBe,IAAAA,eAAe,EAAfA,eAAe;AACfd,IAAAA,wBAAwB,EAAxBA,wBAAwB;AAE1BsB,IAAAA,IAAI,EAAEC,4BAAS;AACfC,IAAAA,WAAW,EAAC,MAAM;AAClBpC,IAAAA,WAAW,EACT4B,WAAW,gBACTG,cAAA,CAACM,kBAAK,EAAA;AACJC,MAAAA,UAAU,EAAE;AAAEC,QAAAA,SAAS,eAAER,cAAA,CAAA,GAAA,EAAA;AAAGS,UAAAA,SAAS,EAAC,aAAA;SAAe,CAAA;OAAI;AACzDC,MAAAA,OAAO,EAAC,gCAAgC;AACxCC,MAAAA,MAAM,EAAE;AAAErB,QAAAA,KAAK,EAALA,KAAAA;AAAM,OAAA;KACjB,CAAC,GAEFrB,WAEH;IACD2C,KAAK,EACHf,WAAW,GACPtB,CAAC,CAAC,kCAAkC,CAAC,GACrCA,CAAC,CAAC,gCAAgC,CACvC;IACDsC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMhC,wBAAwB,CAAC,KAAK,CAAC,CAAA;KAAC;IAC/CV,YAAY,EAAE,SAAAA,YAAA,GAAA;MAAA,OAAM4B,gBAAgB,EAAE,CAAA;AAAA,KAAA;AAAC,GACxC,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"Zoom.js","sources":["../../app/javascript/src/apis/zoom.js","../../app/javascript/src/hooks/reactQuery/useZoomApi.js","../../app/javascript/src/components/Integrations/Zoom/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport {\n  INTEGRATIONS_ENGINE_ZOOM_URL,\n  INTEGRATION_DETAILS_URL,\n} from \"src/constants/urls\";\n\nconst show = () =>\n  axios.get(INTEGRATION_DETAILS_URL, {\n    params: { serviceName: \"Zoom\", integrableType: \"User\" },\n  });\n\nconst destroy = () => axios.delete(`${INTEGRATIONS_ENGINE_ZOOM_URL}/oauth`);\n\nconst zoomApi = { show, destroy };\n\nexport default zoomApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { DEFAULT_STALE_TIME } from \"neetocommons/constants\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport zoomApi from \"apis/zoom\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nexport const useShowZoom = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.ZOOM_DETAILS],\n    queryFn: zoomApi.show,\n    staleTime: DEFAULT_STALE_TIME,\n  });\nexport const useDestroyZoom = ({ onSuccess }) =>\n  useMutationWithInvalidation(zoomApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.ZOOM_DETAILS]],\n    onSuccess: () => onSuccess?.(),\n  });\n","import { useState } from \"react\";\n\nimport { isPresent, noop } from \"neetocist\";\nimport { Zoom as ZoomIcon } from \"neetoicons/misc\";\nimport { Spinner } from \"neetoui\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport ManageIntegrations from \"components/commons/Manage\";\nimport { useDestroyZoom, useShowZoom } from \"hooks/reactQuery/useZoomApi\";\n\nconst Zoom = ({ connectUrl = \"\", description = \"\", onDisconnect = noop }) => {\n  const { t } = useTranslation();\n\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { data: { metadata: { email = \"\" } = {} } = {}, isLoading } =\n    useShowZoom();\n\n  const { mutate: destroyIntegration, isPending: isDisconnecting } =\n    useDestroyZoom({\n      onSuccess: () => {\n        setIsDisconnectAlertOpen(false);\n        onDisconnect?.();\n      },\n    });\n\n  const isConnected = isPresent(email);\n\n  const handleDisconnect = () => destroyIntegration(\"zoom\");\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <ManageIntegrations\n      {...{\n        connectUrl,\n        isConnected,\n        isDisconnectAlertOpen,\n        isDisconnecting,\n        setIsDisconnectAlertOpen,\n      }}\n      Icon={ZoomIcon}\n      integration=\"zoom\"\n      description={\n        isConnected ? (\n          <Trans\n            components={{ underline: <u className=\"font-medium\" /> }}\n            i18nKey=\"neetoIntegrations.zoom.account\"\n            values={{ email }}\n          />\n        ) : (\n          description\n        )\n      }\n      title={\n        isConnected\n          ? t(\"neetoIntegrations.zoom.connected\")\n          : t(\"neetoIntegrations.zoom.connect\")\n      }\n      onClose={() => setIsDisconnectAlertOpen(false)}\n      onDisconnect={() => handleDisconnect()}\n    />\n  );\n};\n\nexport default Zoom;\n"],"names":["show","axios","get","INTEGRATION_DETAILS_URL","params","serviceName","integrableType","destroy","concat","INTEGRATIONS_ENGINE_ZOOM_URL","zoomApi","useShowZoom","useQuery","queryKey","QUERY_KEYS","ZOOM_DETAILS","queryFn","staleTime","DEFAULT_STALE_TIME","useDestroyZoom","_ref","onSuccess","useMutationWithInvalidation","keysToInvalidate","Zoom","_ref$connectUrl","connectUrl","_ref$description","description","_ref$onDisconnect","onDisconnect","noop","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useShowZoom","_useShowZoom$data","data","_useShowZoom$data2","_useShowZoom$data2$me","metadata","_useShowZoom$data2$me2","_useShowZoom$data2$me3","email","isLoading","_useDestroyZoom","destroyIntegration","mutate","isDisconnecting","isPending","isConnected","isPresent","handleDisconnect","_jsx","className","children","Spinner","ManageIntegrations","Icon","ZoomIcon","integration","Trans","components","underline","i18nKey","values","title","onClose"],"mappings":"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"}

package/dist/cjs/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Manage = require('./Manage.js');
+var DisconnectAlert = require('./DisconnectAlert.js');
 var Daily = require('./Daily.js');
-var DailyForm = require('../Form-be2e5595.js');
+var DailyForm = require('../Form-CPYZSV18.js');
 var GoogleCalendar = require('./GoogleCalendar.js');
 var Twilio = require('./Twilio.js');
 var Zoom = require('./Zoom.js');
@@ -12,28 +11,30 @@ var Modal = require('./Modal.js');
 var Connect = require('./Connect.js');
 var Demo = require('./Demo.js');
 var Finish = require('./Finish.js');
-require('../defineProperty-f3094d6c.js');
+var WalkthroughModal = require('./WalkthroughModal.js');
+require('@babel/runtime/helpers/defineProperty');
 require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-icons/Check');
-require('@bigbinary/neeto-molecules/IntegrationDisconnectAlert');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Tooltip');
 require('@bigbinary/neetoui/Typography');
 require('react-i18next');
 require('react/jsx-runtime');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+require('@bigbinary/neetoui/Alert');
 require('i18next');
-require('../slicedToArray-f320d9e7.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neeto-icons/misc/Daily');
 require('@bigbinary/neeto-molecules/CopyToClipboardButton');
-require('@bigbinary/neeto-molecules/PageLoader');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neeto-molecules/CardLayout');
 require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/Header');
-require('@bigbinary/neeto-molecules/HelpPopover');
-require('@bigbinary/neeto-molecules/IntegrationWalkthroughModal');
 require('@bigbinary/neetoui/formik/Input');
 require('@bigbinary/neetoui/formik/Form');
 require('@bigbinary/neetoui/formik/ActionBlock');
@@ -41,8 +42,9 @@ require('react-router-dom');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
-require('../query-4f9552ab.js');
+require('../query-MCAJv0II.js');
 require('yup');
+require('@babel/runtime/helpers/toConsumableArray');
 require('@bigbinary/neeto-icons/misc/GoogleCalendar');
 require('@bigbinary/neeto-icons/misc/Google');
 require('@bigbinary/neetoui/Callout');
@@ -50,11 +52,12 @@ require('ramda');
 require('@bigbinary/neetoui/formik/Select');
 require('@bigbinary/neeto-icons/misc/Zoom');
 require('@bigbinary/neetoui/Modal');
-require('../index-2f3a953b.js');
+require('../index-dxk7jTL7.js');
 
 
 
 exports.Manage = Manage;
+exports.DisconnectAlert = DisconnectAlert;
 exports.Daily = Daily;
 exports.DailyForm = DailyForm.Form;
 exports.GoogleCalendar = GoogleCalendar;
@@ -64,4 +67,5 @@ exports.Modal = Modal;
 exports.Connect = Connect;
 exports.Demo = Demo;
 exports.Finish = Finish;
+exports.WalkthroughModal = WalkthroughModal;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{index-4bda54e6.js → index-MS1ts-9f.js}

@@ -81,4 +81,4 @@ var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
 export { PropTypes as P };
-//# sourceMappingURL=index-4bda54e6.js.map
+//# sourceMappingURL=index-MS1ts-9f.js.map