@bigbinary/neeto-github-frontend 2.4.0-beta1 → 3.0.1

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Changelog
+
+## 3.0.11
+
+- Fix: configure Sawyer serializer to use stdlib JSON at boot, preventing LoadError when multi_json >= 1.21.0 resolves `MultiJson.method(:load)` to `Kernel#load` instead of the JSON parser.
+
+## 1.0.2
+
+- Changed column name for repository table.
+- Updated Redirect URI logic. Host application can skip redirect route.
+- Security: **BREAKING** Used [JWT](https://github.com/jwt/ruby-jwt) to transfer data securely to GitHub OAuth. (#17)
+
+Note: A Private-Public key pair is required to be stored in the environment variables from this release. Please refer [here](https://github.com/bigbinary/neeto-github-integration-engine#add-jwt-private-and-public-keys) for instructions.

package/dist/.ready

@@ -0,0 +1 @@
+Built at 2026-05-21T10:54:50.928Z

package/dist/NeetoGithubIntegrationsTable.js

@@ -3,7 +3,7 @@ import Header from '@bigbinary/neeto-molecules/Header';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import Button from '@bigbinary/neetoui/Button';
 import { useTranslation, Trans } from 'react-i18next';
-import { N as NEETO_GITHUB_ENGINE_BASE_URL, b as useDestroyGithubIntegration, a as useFetchGithubAppInstallations } from './useGithubAccountsApi-Bs2Imc4V.js';
+import { N as NEETO_GITHUB_ENGINE_BASE_URL, u as useDestroyGithubIntegration, a as useFetchGithubAppInstallations } from './useGithubAccountsApi-Csym3TIW.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
@@ -25,7 +25,7 @@ import 'axios';
 import '@bigbinary/neeto-commons-frontend/constants';
 
 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(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), true).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 getNewInstallationUrl = function getNewInstallationUrl(integratorParams, redirectPath) {
   return buildUrl("".concat(NEETO_GITHUB_ENGINE_BASE_URL, "/app_installations/new"), _objectSpread$1(_objectSpread$1({}, integratorParams), {}, {
     redirectPath: redirectPath
@@ -60,7 +60,7 @@ var getGithubAccountsTableColumnData = function getGithubAccountsTableColumnData
 };
 
 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(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), true).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 AccountsTable = function AccountsTable(_ref) {
   var _ref$appInstallations = _ref.appInstallations,
     appInstallations = _ref$appInstallations === void 0 ? [] : _ref$appInstallations,

package/dist/NeetoGithubIntegrationsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeetoGithubIntegrationsTable.js","sources":["../app/javascript/src/components/NeetoGithubIntegrationsTable/utils.jsx","../app/javascript/src/components/NeetoGithubIntegrationsTable/AccountsTable.jsx","../app/javascript/src/components/NeetoGithubIntegrationsTable/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { NEETO_GITHUB_ENGINE_BASE_URL } from \"src/constants\";\n\nexport const getNewInstallationUrl = (integratorParams, redirectPath) =>\n  buildUrl(`${NEETO_GITHUB_ENGINE_BASE_URL}/app_installations/new`, {\n    ...integratorParams,\n    redirectPath,\n  });\n\nexport const getGithubAccountsTableColumnData = ({\n  setAccountToDisconnect,\n}) => [\n  {\n    title: t(\"neetoGithub.account\"),\n    dataIndex: \"\",\n    key: \"actions\",\n    render: (_, account) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography>{account.accountLogin}</Typography>\n        <MoreDropdown\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete\",\n              label: t(\"neetoGithub.actions.delete\"),\n              onClick: () => setAccountToDisconnect(account),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport { Table, NoData, Alert } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { useDestroyGithubIntegration } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport { getGithubAccountsTableColumnData } from \"./utils\";\n\nconst AccountsTable = ({\n  appInstallations = [],\n  integratorParams,\n  keysToPurgeOnDelete,\n  noDataProps,\n}) => {\n  const { t } = useTranslation();\n  const [accountToDisconnect, setAccountToDisconnect] = useState({});\n\n  const { mutate: deleteGithubAccount, isPending: isDeleting } =\n    useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {\n      onSuccess: () => setAccountToDisconnect({}),\n    });\n\n  if (isEmpty(appInstallations)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <NoData\n          title={t(\"neetoGithub.integrationTable.noIntegrationFound\")}\n          {...noDataProps}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Table\n        rowData={appInstallations}\n        columnData={getGithubAccountsTableColumnData({\n          setAccountToDisconnect,\n        })}\n      />\n      <Alert\n        isOpen={isNotEmpty(accountToDisconnect)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoGithub.disconnectGitHub\")}\n        title={t(\"neetoGithub.integrationTable.alert.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoGithub.integrationTable.alert.message\"\n            values={{ login: accountToDisconnect?.accountLogin }}\n          />\n        }\n        onClose={() => setAccountToDisconnect({})}\n        onSubmit={() => deleteGithubAccount(accountToDisconnect?.id)}\n      />\n    </>\n  );\n};\n\nexport default AccountsTable;\n","import Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchGithubAppInstallations } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport AccountsTable from \"./AccountsTable\";\nimport { getNewInstallationUrl } from \"./utils\";\n\nconst NeetoGithubIntegrationsTable = ({\n  breadcrumbs = [],\n  integratorParams,\n  redirectPath,\n  keysToPurgeOnDelete = [],\n  titleHelpPopoverProps = {},\n  noDataProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const { data: appInstallations = [], isLoading } =\n    useFetchGithubAppInstallations(integratorParams);\n\n  const newInstallationUrl = getNewInstallationUrl(\n    integratorParams,\n    redirectPath\n  );\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-screen w-screen items-center justify-center\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs, titleHelpPopoverProps }}\n        title={t(\"neetoGithub.github\")}\n        actionBlock={\n          <Button\n            href={newInstallationUrl}\n            label={t(\"neetoGithub.connectGithub\")}\n          />\n        }\n      />\n      <AccountsTable\n        {...{\n          appInstallations,\n          integratorParams,\n          keysToPurgeOnDelete,\n          noDataProps,\n        }}\n      />\n    </Container>\n  );\n};\n\nexport default NeetoGithubIntegrationsTable;\n"],"names":["getNewInstallationUrl","integratorParams","redirectPath","buildUrl","concat","NEETO_GITHUB_ENGINE_BASE_URL","_objectSpread","getGithubAccountsTableColumnData","_ref","setAccountToDisconnect","title","t","dataIndex","key","render","_","account","_jsxs","className","children","_jsx","Typography","accountLogin","MoreDropdown","dropdownProps","strategy","menuItems","label","onClick","AccountsTable","_ref$appInstallations","appInstallations","keysToPurgeOnDelete","noDataProps","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","accountToDisconnect","_useDestroyGithubInte","useDestroyGithubIntegration","onSuccess","deleteGithubAccount","mutate","isDeleting","isPending","isEmpty","NoData","_Fragment","Table","rowData","columnData","Alert","isOpen","isNotEmpty","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","login","onClose","onSubmit","id","NeetoGithubIntegrationsTable","_ref$breadcrumbs","breadcrumbs","_ref$keysToPurgeOnDel","_ref$titleHelpPopover","titleHelpPopoverProps","_ref$noDataProps","_useFetchGithubAppIns","useFetchGithubAppInstallations","_useFetchGithubAppIns2","data","isLoading","newInstallationUrl","PageLoader","Container","Header","actionBlock","Button","href"],"mappings":"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"}
+{"version":3,"file":"NeetoGithubIntegrationsTable.js","sources":["../app/javascript/src/components/NeetoGithubIntegrationsTable/utils.jsx","../app/javascript/src/components/NeetoGithubIntegrationsTable/AccountsTable.jsx","../app/javascript/src/components/NeetoGithubIntegrationsTable/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { NEETO_GITHUB_ENGINE_BASE_URL } from \"src/constants\";\n\nexport const getNewInstallationUrl = (integratorParams, redirectPath) =>\n  buildUrl(`${NEETO_GITHUB_ENGINE_BASE_URL}/app_installations/new`, {\n    ...integratorParams,\n    redirectPath,\n  });\n\nexport const getGithubAccountsTableColumnData = ({\n  setAccountToDisconnect,\n}) => [\n  {\n    title: t(\"neetoGithub.account\"),\n    dataIndex: \"\",\n    key: \"actions\",\n    render: (_, account) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography>{account.accountLogin}</Typography>\n        <MoreDropdown\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete\",\n              label: t(\"neetoGithub.actions.delete\"),\n              onClick: () => setAccountToDisconnect(account),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport { Table, NoData, Alert } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { useDestroyGithubIntegration } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport { getGithubAccountsTableColumnData } from \"./utils\";\n\nconst AccountsTable = ({\n  appInstallations = [],\n  integratorParams,\n  keysToPurgeOnDelete,\n  noDataProps,\n}) => {\n  const { t } = useTranslation();\n  const [accountToDisconnect, setAccountToDisconnect] = useState({});\n\n  const { mutate: deleteGithubAccount, isPending: isDeleting } =\n    useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {\n      onSuccess: () => setAccountToDisconnect({}),\n    });\n\n  if (isEmpty(appInstallations)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <NoData\n          title={t(\"neetoGithub.integrationTable.noIntegrationFound\")}\n          {...noDataProps}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Table\n        rowData={appInstallations}\n        columnData={getGithubAccountsTableColumnData({\n          setAccountToDisconnect,\n        })}\n      />\n      <Alert\n        isOpen={isNotEmpty(accountToDisconnect)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoGithub.disconnectGitHub\")}\n        title={t(\"neetoGithub.integrationTable.alert.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoGithub.integrationTable.alert.message\"\n            values={{ login: accountToDisconnect?.accountLogin }}\n          />\n        }\n        onClose={() => setAccountToDisconnect({})}\n        onSubmit={() => deleteGithubAccount(accountToDisconnect?.id)}\n      />\n    </>\n  );\n};\n\nexport default AccountsTable;\n","import Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchGithubAppInstallations } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport AccountsTable from \"./AccountsTable\";\nimport { getNewInstallationUrl } from \"./utils\";\n\nconst NeetoGithubIntegrationsTable = ({\n  breadcrumbs = [],\n  integratorParams,\n  redirectPath,\n  keysToPurgeOnDelete = [],\n  titleHelpPopoverProps = {},\n  noDataProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const { data: appInstallations = [], isLoading } =\n    useFetchGithubAppInstallations(integratorParams);\n\n  const newInstallationUrl = getNewInstallationUrl(\n    integratorParams,\n    redirectPath\n  );\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-screen w-screen items-center justify-center\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs, titleHelpPopoverProps }}\n        title={t(\"neetoGithub.github\")}\n        actionBlock={\n          <Button\n            href={newInstallationUrl}\n            label={t(\"neetoGithub.connectGithub\")}\n          />\n        }\n      />\n      <AccountsTable\n        {...{\n          appInstallations,\n          integratorParams,\n          keysToPurgeOnDelete,\n          noDataProps,\n        }}\n      />\n    </Container>\n  );\n};\n\nexport default NeetoGithubIntegrationsTable;\n"],"names":["getNewInstallationUrl","integratorParams","redirectPath","buildUrl","concat","NEETO_GITHUB_ENGINE_BASE_URL","_objectSpread","getGithubAccountsTableColumnData","_ref","setAccountToDisconnect","title","t","dataIndex","key","render","_","account","_jsxs","className","children","_jsx","Typography","accountLogin","MoreDropdown","dropdownProps","strategy","menuItems","label","onClick","AccountsTable","_ref$appInstallations","appInstallations","keysToPurgeOnDelete","noDataProps","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","accountToDisconnect","_useDestroyGithubInte","useDestroyGithubIntegration","onSuccess","deleteGithubAccount","mutate","isDeleting","isPending","isEmpty","NoData","_Fragment","Table","rowData","columnData","Alert","isOpen","isNotEmpty","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","login","onClose","onSubmit","id","NeetoGithubIntegrationsTable","_ref$breadcrumbs","breadcrumbs","_ref$keysToPurgeOnDel","_ref$titleHelpPopover","titleHelpPopoverProps","_ref$noDataProps","_useFetchGithubAppIns","useFetchGithubAppInstallations","_useFetchGithubAppIns2","data","isLoading","newInstallationUrl","PageLoader","Container","Header","actionBlock","Button","href"],"mappings":"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"}

package/dist/NeetoGithubNanoContainer.js

@@ -1,28 +1,452 @@
-import 'classnames';
-import '@bigbinary/neeto-commons-frontend/initializers';
-import '@bigbinary/neetoui/Spinner';
-import './useGithubAccountsApi-Bs2Imc4V.js';
-export { N as default } from './index-BrvZaXzw.js';
-import 'react/jsx-runtime';
+import classnames from 'classnames';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import { b as useFetchGithubRepositories } from './useGithubAccountsApi-Csym3TIW.js';
+import { withT, isMetaKeyPressed } 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';
+import './repository-tile-DxVqVMYY.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
-import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'ramda';
 import 'axios';
 import '@bigbinary/neeto-commons-frontend/constants';
-import '@bigbinary/neeto-icons/misc/Github';
-import '@bigbinary/neetoui/Typography';
-import '@bigbinary/neeto-icons/Building';
-import '@bigbinary/neetoui/Avatar';
-import '@bigbinary/neetoui/Button';
-import '@bigbinary/neeto-icons/Plus';
-import '@bigbinary/neeto-icons/Settings';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '@bigbinary/neeto-cist';
-import '@bigbinary/neeto-molecules/Search';
-import 'react-i18next';
-import '@bigbinary/neeto-icons/Lock';
-import '@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, {
+      className: "github-icon",
+      size: 20
+    }), /*#__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 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 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: "connect-repo__row neeto-ui-border-gray-300 flex flex-col justify-between gap-3 border-b border-solid py-3 ps-3 pe-3 last:border-b-0 md:flex-row md:items-center md:ps-5",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "connect-repo__info flex items-center space-x-2",
+      children: [/*#__PURE__*/jsx(Github, {
+        className: "github-icon",
+        size: 20
+      }), /*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: fullName
+      }), isPrivate && /*#__PURE__*/jsx(Lock, {
+        className: "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 = function NotConnected(_ref) {
+  var installationUrl = _ref.installationUrl;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  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, {
+      icon: Github,
+      iconPosition: "left",
+      label: t("neetoGithub.connectGithub"),
+      loading: isLoading,
+      size: "medium",
+      style: "primary",
+      onClick: function onClick(event) {
+        setIsLoading(true);
+        var target = isMetaKeyPressed(event) ? "_blank" : "_self";
+        window.open(installationUrl, target);
+      }
+    })]
+  });
+};
+
+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: "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 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 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 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 default };
 //# sourceMappingURL=NeetoGithubNanoContainer.js.map