@bigbinary/neeto-github-frontend 2.2.4 → 2.2.6

package/dist/cjs/NeetoGithubNanoPane.js

@@ -0,0 +1,129 @@
+'use strict';
+
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Pane = require('@bigbinary/neetoui/Pane');
+var Typography = require('@bigbinary/neetoui/Typography');
+var reactI18next = require('react-i18next');
+var useGithubAccountsApi = require('../useGithubAccountsApi-C9W-L_-C.js');
+var NeetoGithubNanoContainer = require('../index-TIidDz1A.js');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var qs = require('qs');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('ramda');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('classnames');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neeto-icons/misc/Github');
+require('@bigbinary/neeto-icons/Building');
+require('@bigbinary/neetoui/Avatar');
+require('@bigbinary/neetoui/Button');
+require('@bigbinary/neeto-icons/Plus');
+require('@bigbinary/neeto-icons/Settings');
+require('@babel/runtime/helpers/slicedToArray');
+require('@bigbinary/neeto-molecules/Search');
+require('@bigbinary/neeto-icons/Lock');
+require('@bigbinary/neeto-molecules/DateFormat');
+
+function _interopNamespaceDefault(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 qs__namespace = /*#__PURE__*/_interopNamespaceDefault(qs);
+
+var css = ".neeto-github-modal-pane-wrapper{width:min(100%,1280px)}@media (min-width:768px){.neeto-github-modal-pane-wrapper{width:min(90%,1280px)}}@media (min-width:1024px){.neeto-github-modal-pane-wrapper{width:min(60%,1280px)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvcGFuZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUNFLHNCQUNGLENBQ0UseUJBSEYsaUNBSUkscUJBRUYsQ0FDRixDQUFFLDBCQVBGLGlDQVFJLHFCQUdGLENBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gIHdpZHRoOiBtaW4oMTAwJSwgMTI4MHB4KTtcblxuICBAc2NyZWVuIG1kIHtcbiAgICB3aWR0aDogbWluKDkwJSwgMTI4MHB4KTtcbiAgfVxuXG4gIEBzY3JlZW4gbGcge1xuICAgIHdpZHRoOiBtaW4oNjAlLCAxMjgwcHgpO1xuICB9XG59XG4iXX0= */";
+NeetoGithubNanoContainer.n(css,{});
+
+var _globalProps$organiza;
+var newInstallationParams = qs__namespace.stringify({
+  integrator_id: initializers.globalProps === null || initializers.globalProps === void 0 || (_globalProps$organiza = initializers.globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.id,
+  integrator_type: "Organization",
+  redirect_path: "/projects/new"
+});
+var NEW_INSTALLATION_URL = "/github_integrations/app_installations/new?".concat(newInstallationParams);
+var TROUBLESHOOT_URL = "https://render.com/docs/github#troubleshooting";
+
+var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$isConnecting = _ref.isConnecting,
+    isConnecting = _ref$isConnecting === void 0 ? false : _ref$isConnecting,
+    _ref$isConnected = _ref.isConnected,
+    isConnected = _ref$isConnected === void 0 ? false : _ref$isConnected,
+    _ref$installationUrl = _ref.installationUrl,
+    installationUrl = _ref$installationUrl === void 0 ? NEW_INSTALLATION_URL : _ref$installationUrl,
+    _ref$troubleshootUrl = _ref.troubleshootUrl,
+    troubleshootUrl = _ref$troubleshootUrl === void 0 ? TROUBLESHOOT_URL : _ref$troubleshootUrl,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
+    _ref$projects = _ref.projects,
+    projects = _ref$projects === void 0 ? [] : _ref$projects,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var initialFocusRef = react.useRef(null);
+  var _useFetchGithubReposi = useGithubAccountsApi.useFetchGithubRepositories({
+      isConnected: isOpen && isConnected
+    }),
+    _useFetchGithubReposi2 = _useFetchGithubReposi.data,
+    _useFetchGithubReposi3 = _useFetchGithubReposi2 === void 0 ? {} : _useFetchGithubReposi2,
+    _useFetchGithubReposi4 = _useFetchGithubReposi3.repositories,
+    repositories = _useFetchGithubReposi4 === void 0 ? [] : _useFetchGithubReposi4,
+    _useFetchGithubReposi5 = _useFetchGithubReposi3.accounts,
+    accounts = _useFetchGithubReposi5 === void 0 ? [] : _useFetchGithubReposi5,
+    isPaneLoading = _useFetchGithubReposi.isLoading;
+  var paneRepositories = repositories.filter(function (repository) {
+    return !neetoCist.findBy({
+      repository: repository.fullName
+    }, projects);
+  });
+  var paneAccounts = isConnected ? accounts : [];
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+    initialFocusRef: initialFocusRef,
+    isOpen: isOpen,
+    onClose: onClose,
+    className: "neeto-github-modal-pane-wrapper",
+    size: "large",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h2",
+        children: neetoCist.isPresent(title) ? title : t("neetoGithub.modal.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsx(NeetoGithubNanoContainer.NeetoGithubNanoContainer, {
+        installationUrl: installationUrl,
+        isConnected: isConnected,
+        isConnecting: isConnecting,
+        isPaneLoading: isPaneLoading,
+        onConnect: onConnect,
+        paneAccounts: paneAccounts,
+        paneRepositories: paneRepositories,
+        troubleshootUrl: troubleshootUrl,
+        isPane: true,
+        shouldFetchRepositories: false
+      })
+    })]
+  });
+};
+
+module.exports = NeetoGithubNanoPane;
+//# sourceMappingURL=NeetoGithubNanoPane.js.map

package/dist/cjs/NeetoGithubNanoPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeetoGithubNanoPane.js","sources":["../../app/javascript/src/components/NeetoGithubNanoPane/constants.js","../../app/javascript/src/components/NeetoGithubNanoPane/index.jsx"],"sourcesContent":["import { globalProps } from \"neetocommons/initializers\";\nimport * as qs from \"qs\";\n\nconst newInstallationParams = qs.stringify({\n  integrator_id: globalProps?.organization?.id,\n  integrator_type: \"Organization\",\n  redirect_path: \"/projects/new\",\n});\n\nexport const NEW_INSTALLATION_URL = `/github_integrations/app_installations/new?${newInstallationParams}`;\nexport const TROUBLESHOOT_URL =\n  \"https://render.com/docs/github#troubleshooting\";\n","import { useRef } from \"react\";\n\nimport { findBy, isPresent, noop } from \"neetocist\";\nimport { Pane, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchGithubRepositories } from \"hooks/reactQuery/useGithubAccountsApi\";\nimport NeetoGithubNanoContainer from \"src/components/NeetoGithubNanoContainer\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/components/pane.scss\";\n\nimport { NEW_INSTALLATION_URL, TROUBLESHOOT_URL } from \"./constants\";\n\nconst NeetoGithubNanoPane = ({\n  isOpen,\n  onClose,\n  isConnecting = false,\n  isConnected = false,\n  installationUrl = NEW_INSTALLATION_URL,\n  troubleshootUrl = TROUBLESHOOT_URL,\n  onConnect = noop,\n  projects = [],\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const initialFocusRef = useRef(null);\n\n  const {\n    data: { repositories = [], accounts = [] } = {},\n    isLoading: isPaneLoading,\n  } = useFetchGithubRepositories({ isConnected: isOpen && isConnected });\n\n  const paneRepositories = repositories.filter(\n    repository => !findBy({ repository: repository.fullName }, projects)\n  );\n\n  const paneAccounts = isConnected ? accounts : [];\n\n  return (\n    <Pane\n      {...{ initialFocusRef, isOpen, onClose }}\n      className=\"neeto-github-modal-pane-wrapper\"\n      size=\"large\"\n    >\n      <Pane.Header>\n        <Typography style=\"h2\">\n          {isPresent(title) ? title : t(\"neetoGithub.modal.title\")}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body>\n        <NeetoGithubNanoContainer\n          {...{\n            installationUrl,\n            isConnected,\n            isConnecting,\n            isPaneLoading,\n            onConnect,\n            paneAccounts,\n            paneRepositories,\n            troubleshootUrl,\n          }}\n          isPane\n          shouldFetchRepositories={false}\n        />\n      </Pane.Body>\n    </Pane>\n  );\n};\n\nexport default NeetoGithubNanoPane;\n"],"names":["newInstallationParams","qs","stringify","integrator_id","globalProps","_globalProps$organiza","organization","id","integrator_type","redirect_path","NEW_INSTALLATION_URL","concat","TROUBLESHOOT_URL","NeetoGithubNanoPane","_ref","isOpen","onClose","_ref$isConnecting","isConnecting","_ref$isConnected","isConnected","_ref$installationUrl","installationUrl","_ref$troubleshootUrl","troubleshootUrl","_ref$onConnect","onConnect","noop","_ref$projects","projects","_ref$title","title","_useTranslation","useTranslation","t","initialFocusRef","useRef","_useFetchGithubReposi","useFetchGithubRepositories","_useFetchGithubReposi2","data","_useFetchGithubReposi3","_useFetchGithubReposi4","repositories","_useFetchGithubReposi5","accounts","isPaneLoading","isLoading","paneRepositories","filter","repository","findBy","fullName","paneAccounts","_jsxs","Pane","className","size","children","_jsx","Header","Typography","style","isPresent","Body","NeetoGithubNanoContainer","isPane","shouldFetchRepositories"],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var NeetoGithubIntegrationsTable = require('./NeetoGithubIntegrationsTable.js');
+var NeetoGithubNanoContainer = require('../index-TIidDz1A.js');
+var NeetoGithubNanoPane = require('./NeetoGithubNanoPane.js');
+require('@bigbinary/neeto-molecules/Container');
+require('@bigbinary/neeto-molecules/Header');
+require('@bigbinary/neeto-molecules/PageLoader');
+require('@bigbinary/neetoui/Button');
+require('react-i18next');
+require('../useGithubAccountsApi-C9W-L_-C.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('ramda');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@babel/runtime/helpers/slicedToArray');
+require('react');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neetoui/Table');
+require('@bigbinary/neetoui/NoData');
+require('@bigbinary/neetoui/Alert');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('@bigbinary/neeto-molecules/MoreDropdown');
+require('@bigbinary/neetoui/Typography');
+require('react/jsx-runtime');
+require('classnames');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neeto-icons/misc/Github');
+require('@bigbinary/neeto-icons/Building');
+require('@bigbinary/neetoui/Avatar');
+require('@bigbinary/neeto-icons/Plus');
+require('@bigbinary/neeto-icons/Settings');
+require('@bigbinary/neeto-molecules/Search');
+require('@bigbinary/neeto-icons/Lock');
+require('@bigbinary/neeto-molecules/DateFormat');
+require('@bigbinary/neetoui/Pane');
+require('qs');
+
+
+
+exports.NeetoGithubIntegrationsTable = NeetoGithubIntegrationsTable;
+exports.NeetoGithubNanoContainer = NeetoGithubNanoContainer.NeetoGithubNanoContainer;
+exports.NeetoGithubNanoPane = NeetoGithubNanoPane;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/index-CF2CmTxA.js

@@ -0,0 +1,439 @@
+import classnames from 'classnames';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import { u as useFetchGithubRepositories } from './useGithubAccountsApi-kFn8BvEJ.js';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Github from '@bigbinary/neeto-icons/misc/Github';
+import Typography from '@bigbinary/neetoui/Typography';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import Building from '@bigbinary/neeto-icons/Building';
+import Avatar from '@bigbinary/neetoui/Avatar';
+import Button from '@bigbinary/neetoui/Button';
+import Plus from '@bigbinary/neeto-icons/Plus';
+import Settings from '@bigbinary/neeto-icons/Settings';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, createElement } from 'react';
+import { isPresent } from '@bigbinary/neeto-cist';
+import Search from '@bigbinary/neeto-molecules/Search';
+import { Trans, useTranslation } from 'react-i18next';
+import Lock from '@bigbinary/neeto-icons/Lock';
+import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
+
+var Header = withT(function (_ref) {
+  var t = _ref.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-ui-text-gray-800 mb-1 flex w-full flex-row items-center space-x-2 font-sans text-lg font-medium leading-6 antialiased",
+    children: [/*#__PURE__*/jsx(Github, {
+      size: 16
+    }), /*#__PURE__*/jsx(Typography, {
+      style: "h4",
+      children: t("neetoGithub.github")
+    })]
+  });
+});
+
+var Configure = withT(function (_ref) {
+  var t = _ref.t,
+    isConnected = _ref.isConnected,
+    installationUrl = _ref.installationUrl;
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-ui-text-gray-900 flex-shrink-0 font-sans text-sm font-normal leading-6 antialiased",
+    children: /*#__PURE__*/jsx(Button, {
+      href: installationUrl,
+      icon: isConnected ? Settings : Plus,
+      iconPosition: "left",
+      iconSize: 20,
+      size: "small",
+      style: "link",
+      children: isConnected ? t("neetoGithub.configureAccount") : t("neetoGithub.connectAccount")
+    })
+  });
+});
+
+var List$1 = withT(function (_ref) {
+  var t = _ref.t,
+    accounts = _ref.accounts,
+    isConnected = _ref.isConnected,
+    installationUrl = _ref.installationUrl,
+    isPane = _ref.isPane;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames("neeto-ui-border-gray-300 flex justify-between gap-3 border-b pb-4 pt-2", {
+      "flex-col md:flex-row": isPane,
+      "flex-col": !isPane
+    }),
+    children: [accounts.map(function (_ref2) {
+      var id = _ref2.id,
+        name = _ref2.name,
+        avatarUrl = _ref2.avatarUrl,
+        type = _ref2.type,
+        profileUrl = _ref2.profileUrl,
+        count = _ref2.count;
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex w-full items-center space-x-2",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-1",
+          children: [type === "Organization" ? /*#__PURE__*/jsx(Building, {
+            className: "neeto-ui-text-gray-600",
+            size: 24
+          }) : /*#__PURE__*/jsx(Avatar, {
+            size: "small",
+            user: {
+              imageUrl: avatarUrl
+            }
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-text-gray-800",
+            style: "body2",
+            children: /*#__PURE__*/jsx(Button, {
+              className: "neeto-ui-text-gray-800",
+              label: "@".concat(name),
+              style: "link",
+              onClick: function onClick() {
+                return window.open(profileUrl, "_blank");
+              }
+            })
+          })]
+        }), /*#__PURE__*/jsx("span", {
+          className: "neeto-ui-bg-gray-800 neeto-ui-rounded-full h-1 w-1"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "neeto-ui-text-black",
+          style: "body2",
+          children: t("neetoGithub.countOf.repos", {
+            count: count
+          })
+        })]
+      }, id);
+    }), /*#__PURE__*/jsx(Configure, {
+      installationUrl: installationUrl,
+      isConnected: isConnected
+    })]
+  });
+});
+
+var Accounts = function Accounts(_ref) {
+  var isPane = _ref.isPane,
+    accounts = _ref.accounts,
+    isConnected = _ref.isConnected,
+    onConnect = _ref.onConnect,
+    installationUrl = _ref.installationUrl;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames("flex w-full flex-col border border-solid border-transparent px-0 py-2", {
+      "order-1": isPane,
+      "md:order-2 md:max-w-72 lg:max-w-sm lg:px-6": !isPane
+    }),
+    children: /*#__PURE__*/jsxs("div", {
+      className: "mb-2",
+      children: [/*#__PURE__*/jsx(Header, {}), /*#__PURE__*/jsx(List$1, {
+        accounts: accounts,
+        installationUrl: installationUrl,
+        isConnected: isConnected,
+        isPane: isPane,
+        onConnect: onConnect
+      })]
+    })
+  });
+};
+
+var NoRepositories = withT(function (_ref) {
+  var t = _ref.t,
+    installationUrl = _ref.installationUrl,
+    troubleshootUrl = _ref.troubleshootUrl;
+  return /*#__PURE__*/jsx("div", {
+    className: "flex items-center justify-center py-6",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "mx-auto flex w-full max-w-sm flex-col items-center justify-center space-y-4 py-4 text-center",
+      children: [/*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: t("neetoGithub.noReposDescription")
+      }), /*#__PURE__*/jsx(Button, {
+        href: installationUrl,
+        icon: Github,
+        iconPosition: "left",
+        label: t("neetoGithub.connectRepository"),
+        size: "medium",
+        style: "primary"
+      }), /*#__PURE__*/jsx("div", {
+        className: "text-xs",
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: t("neetoGithub.troubleshoot"),
+          components: {
+            troubleshootLink: /*#__PURE__*/jsx("a", {
+              className: "text-indigo-600 underline",
+              href: troubleshootUrl,
+              rel: "noopener noreferrer",
+              target: "_blank"
+            })
+          }
+        })
+      })]
+    })
+  });
+});
+
+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 = ".width-calc{width:100%}@media (min-width:768px){.width-calc{width:calc(100% - 82px)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvcmVwb3NpdG9yeS10aWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFDRSxVQUNGLENBQ0UseUJBSEYsWUFJSSx1QkFFRixDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLndpZHRoLWNhbGMge1xuICB3aWR0aDogMTAwJTtcblxuICBAc2NyZWVuIG1kIHtcbiAgICB3aWR0aDogY2FsYygxMDAlIC0gODJweCk7XG4gIH1cbn1cbiJdfQ== */";
+n(css,{});
+
+var RepositoryTile = function RepositoryTile(_ref) {
+  var isConnecting = _ref.isConnecting,
+    onConnect = _ref.onConnect,
+    repository = _ref.repository;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var id = repository.id,
+    fullName = repository.fullName,
+    isPrivate = repository.isPrivate,
+    updatedAt = repository.updatedAt;
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-ui-border-gray-300 flex flex-col justify-between gap-3 border-b border-solid py-3 pl-3 pr-3 last:border-b-0 md:flex-row md:items-center md:pl-5",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "width-calc flex items-center space-x-2",
+      children: [/*#__PURE__*/jsx(Github, {
+        className: "flex-shrink-0",
+        size: 16
+      }), /*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: fullName
+      }), isPrivate && /*#__PURE__*/jsx(Lock, {
+        className: "flex-shrink-0",
+        size: 16
+      }), /*#__PURE__*/jsxs("div", {
+        className: "hidden lg:inline-block",
+        children: [/*#__PURE__*/jsx("span", {
+          className: "neeto-ui-bg-gray-800 neeto-ui-rounded-full h-1 w-1"
+        }), /*#__PURE__*/jsx(DateFormat.FromNow, {
+          date: updatedAt
+        })]
+      })]
+    }), /*#__PURE__*/jsx(Button, {
+      className: "w-max",
+      disabled: isConnecting,
+      loading: isLoading,
+      style: "primary",
+      type: "button",
+      onClick: function onClick() {
+        return onConnect({
+          repoType: "private",
+          repository: repository,
+          setIsLoading: setIsLoading
+        });
+      },
+      children: t("neetoGithub.connect")
+    })]
+  }, id);
+};
+
+var List = withT(function (_ref) {
+  var t = _ref.t,
+    filteredRepositories = _ref.filteredRepositories,
+    repositories = _ref.repositories,
+    isConnecting = _ref.isConnecting,
+    onConnect = _ref.onConnect,
+    installationUrl = _ref.installationUrl,
+    troubleshootUrl = _ref.troubleshootUrl;
+  return /*#__PURE__*/jsx("div", {
+    className: "h-full overflow-y-scroll px-4 pb-4 md:px-6 md:pb-6",
+    children: isPresent(repositories) ? /*#__PURE__*/jsx("div", {
+      className: classnames("neeto-ui-border-gray-300 neeto-ui-rounded-md flex flex-col items-center justify-center border", {
+        "h-auto": isPresent(filteredRepositories),
+        "h-full": !isPresent(filteredRepositories)
+      }),
+      children: /*#__PURE__*/jsx("div", {
+        className: "m-0 h-full w-full p-0",
+        children: isPresent(filteredRepositories) ? filteredRepositories.map(function (repository, index) {
+          return /*#__PURE__*/createElement(RepositoryTile, {
+            isConnecting: isConnecting,
+            onConnect: onConnect,
+            repository: repository,
+            key: index
+          });
+        }) : /*#__PURE__*/jsx(Typography, {
+          className: "flex h-full w-full items-center justify-center",
+          style: "body2",
+          children: t("neetoGithub.noRepos")
+        })
+      })
+    }) : /*#__PURE__*/jsx(NoRepositories, {
+      installationUrl: installationUrl,
+      troubleshootUrl: troubleshootUrl
+    })
+  });
+});
+
+var NotConnected = withT(function (_ref) {
+  var t = _ref.t,
+    installationUrl = _ref.installationUrl;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center",
+    children: [/*#__PURE__*/jsx(Typography, {
+      style: "body2",
+      children: t("neetoGithub.notConnectedDescription", {
+        appName: globalProps.appName
+      })
+    }), /*#__PURE__*/jsx(Button, {
+      href: installationUrl,
+      icon: Github,
+      iconPosition: "left",
+      label: t("neetoGithub.connectGithub"),
+      size: "medium",
+      style: "primary"
+    })]
+  });
+});
+
+var Private = function Private(_ref) {
+  var isConnected = _ref.isConnected,
+    isConnecting = _ref.isConnecting,
+    repositories = _ref.repositories,
+    onConnect = _ref.onConnect,
+    installationUrl = _ref.installationUrl,
+    troubleshootUrl = _ref.troubleshootUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(repositories),
+    _useState2 = _slicedToArray(_useState, 2),
+    filteredRepositories = _useState2[0],
+    setFilteredRepositories = _useState2[1];
+  var onSearch = function onSearch(searchTerm) {
+    if (!isPresent(searchTerm)) {
+      setFilteredRepositories(repositories);
+      return;
+    }
+    var filteredRepositories = repositories.filter(function (_ref2) {
+      var fullName = _ref2.fullName;
+      return fullName.toLowerCase().includes(searchTerm.toLowerCase());
+    });
+    setFilteredRepositories(filteredRepositories);
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: "connect-repo flex h-full flex-col",
+    children: isConnected ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "space-y-3 p-4 md:p-6",
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "flex-shrink-0 text-lg font-medium",
+          style: "h2",
+          children: t("neetoGithub.connectARepo")
+        }), isPresent(repositories) && /*#__PURE__*/jsx(Search, {
+          onSearch: onSearch,
+          className: "w-full",
+          unlimitedChars: false,
+          suffix: /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: t("neetoGithub.countOf.repos", {
+              count: filteredRepositories.length
+            })
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "flex min-h-0 w-full flex-grow flex-col space-y-6",
+        children: /*#__PURE__*/jsx(List, {
+          filteredRepositories: filteredRepositories,
+          installationUrl: installationUrl,
+          isConnecting: isConnecting,
+          onConnect: onConnect,
+          repositories: repositories,
+          troubleshootUrl: troubleshootUrl
+        })
+      })]
+    }) : /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-text-gray-900 flex-grow font-sans text-sm font-normal leading-6 antialiased",
+      children: /*#__PURE__*/jsx("div", {
+        className: "flex h-full flex-col items-center justify-center p-4",
+        children: /*#__PURE__*/jsx(NotConnected, {
+          installationUrl: installationUrl
+        })
+      })
+    })
+  });
+};
+
+var Repositories = function Repositories(_ref) {
+  var isConnected = _ref.isConnected,
+    isConnecting = _ref.isConnecting,
+    repositories = _ref.repositories,
+    onConnect = _ref.onConnect,
+    installationUrl = _ref.installationUrl,
+    troubleshootUrl = _ref.troubleshootUrl,
+    isPane = _ref.isPane;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames("neeto-ui-rounded-md neeto-ui-border-gray-300 h-full w-full space-y-6 border border-solid", {
+      "order-2": isPane,
+      "order-1": !isPane
+    }),
+    children: /*#__PURE__*/jsx(Private, {
+      installationUrl: installationUrl,
+      isConnected: isConnected,
+      isConnecting: isConnecting,
+      onConnect: onConnect,
+      repositories: repositories,
+      troubleshootUrl: troubleshootUrl
+    })
+  });
+};
+
+var NeetoGithubNanoContainer = function NeetoGithubNanoContainer(_ref) {
+  var _ref$isPaneLoading = _ref.isPaneLoading,
+    isPaneLoading = _ref$isPaneLoading === void 0 ? false : _ref$isPaneLoading,
+    _ref$shouldFetchRepos = _ref.shouldFetchRepositories,
+    shouldFetchRepositories = _ref$shouldFetchRepos === void 0 ? true : _ref$shouldFetchRepos,
+    _ref$paneAccounts = _ref.paneAccounts,
+    paneAccounts = _ref$paneAccounts === void 0 ? [] : _ref$paneAccounts,
+    installationUrl = _ref.installationUrl,
+    isConnected = _ref.isConnected,
+    _ref$isConnecting = _ref.isConnecting,
+    isConnecting = _ref$isConnecting === void 0 ? false : _ref$isConnecting,
+    onConnect = _ref.onConnect,
+    _ref$paneRepositories = _ref.paneRepositories,
+    paneRepositories = _ref$paneRepositories === void 0 ? [] : _ref$paneRepositories,
+    troubleshootUrl = _ref.troubleshootUrl,
+    _ref$isPane = _ref.isPane,
+    isPane = _ref$isPane === void 0 ? false : _ref$isPane;
+  var _useFetchGithubReposi = useFetchGithubRepositories({
+      isConnected: shouldFetchRepositories && globalProps.isGithubIntegrated
+    }),
+    _useFetchGithubReposi2 = _useFetchGithubReposi.data,
+    _useFetchGithubReposi3 = _useFetchGithubReposi2 === void 0 ? {} : _useFetchGithubReposi2,
+    _useFetchGithubReposi4 = _useFetchGithubReposi3.repositories,
+    containerRepositories = _useFetchGithubReposi4 === void 0 ? [] : _useFetchGithubReposi4,
+    _useFetchGithubReposi5 = _useFetchGithubReposi3.accounts,
+    containerAccounts = _useFetchGithubReposi5 === void 0 ? [] : _useFetchGithubReposi5,
+    isContainerLoading = _useFetchGithubReposi.isLoading;
+  var repositories = shouldFetchRepositories ? containerRepositories : paneRepositories;
+  var accounts = shouldFetchRepositories ? containerAccounts : paneAccounts;
+  var isLoading = shouldFetchRepositories ? isContainerLoading : isPaneLoading;
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames("flex min-h-0 w-full flex-grow flex-col", {
+      "flex-col": isPane,
+      "gap-3 md:flex-row md:gap-6": !isPane
+    }),
+    children: [/*#__PURE__*/jsx(Accounts, {
+      accounts: accounts,
+      installationUrl: installationUrl,
+      isConnected: isConnected,
+      isPane: isPane,
+      onConnect: onConnect
+    }), /*#__PURE__*/jsx(Repositories, {
+      installationUrl: installationUrl,
+      isConnected: isConnected,
+      isConnecting: isConnecting,
+      isPane: isPane,
+      onConnect: onConnect,
+      repositories: repositories,
+      troubleshootUrl: troubleshootUrl
+    })]
+  });
+};
+
+export { NeetoGithubNanoContainer as N, n };
+//# sourceMappingURL=index-CF2CmTxA.js.map