@bigbinary/neeto-github-frontend 2.1.0 → 2.2.0

package/dist/{index.cjs.js → cjs/NeetoGithubNanoPane.js}

@@ -1,560 +1,39 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classnames = require('classnames');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var reactI18next = require('react-i18next');
-var reactQuery = require('@tanstack/react-query');
-var ramda = require('ramda');
-var axios = require('axios');
-var constants = require('@bigbinary/neeto-commons-frontend/constants');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var Github = require('@bigbinary/neeto-icons/misc/Github');
-var Typography = require('@bigbinary/neetoui/Typography');
-var jsxRuntime = require('react/jsx-runtime');
-var Building = require('@bigbinary/neeto-icons/Building');
-var Avatar = require('@bigbinary/neetoui/Avatar');
-var Button = require('@bigbinary/neetoui/Button');
-var Plus = require('@bigbinary/neeto-icons/Plus');
-var Settings = require('@bigbinary/neeto-icons/Settings');
 var react = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
-var Search = require('@bigbinary/neeto-molecules/Search');
-var Lock = require('@bigbinary/neeto-icons/Lock');
-var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Pane = require('@bigbinary/neetoui/Pane');
+var Typography = require('@bigbinary/neetoui/Typography');
+var reactI18next = require('react-i18next');
+var NeetoGithubNanoContainer = require('../index-0d3578e2.js');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var require$$0 = require('util');
+var jsxRuntime = require('react/jsx-runtime');
+require('classnames');
+require('@bigbinary/neeto-molecules/PageLoader');
+require('@tanstack/react-query');
+require('ramda');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+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('@bigbinary/neeto-molecules/Search');
+require('@bigbinary/neeto-icons/Lock');
+require('@bigbinary/neeto-molecules/DateFormat');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var Github__default = /*#__PURE__*/_interopDefaultLegacy(Github);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Building__default = /*#__PURE__*/_interopDefaultLegacy(Building);
-var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
-var Settings__default = /*#__PURE__*/_interopDefaultLegacy(Settings);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var Lock__default = /*#__PURE__*/_interopDefaultLegacy(Lock);
-var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 
-var _globalProps$organiza$1;
-var GITHUB_INTEGRATIONS_BASE_API_URL = "/github_integrations";
-({
-  integrator_id: initializers.globalProps === null || initializers.globalProps === void 0 || (_globalProps$organiza$1 = initializers.globalProps.organization) === null || _globalProps$organiza$1 === void 0 ? void 0 : _globalProps$organiza$1.id,
-  integrator_type: "Organization"
-});
-var GITHUB_INTEGRATOR_PARAMS = {
-  integratorId: initializers.globalProps.organization.id,
-  integratorType: "Organization"
-};
-
-var baseUrl = "".concat(GITHUB_INTEGRATIONS_BASE_API_URL, "/app_installations");
-var githubAppUrl = function githubAppUrl(id) {
-  return "".concat(baseUrl, "/").concat(id);
-};
-var repositories = function repositories() {
-  return axios__default["default"].get("".concat(githubAppUrl(initializers.globalProps.githubAppInstallationId), "/repositories"), {
-    params: GITHUB_INTEGRATOR_PARAMS
-  });
-};
-var githubAccountsApi = {
-  repositories: repositories
-};
-
-var QUERY_KEYS = {
-  GITHUB_REPOSITORIES_LIST: "github-repositories-list"
-};
-var STALE_TIME_CONFIG = {
-  staleTime: constants.DEFAULT_STALE_TIME
-};
-
-var useFetchGithubRepositories = function useFetchGithubRepositories(_ref) {
-  var isConnected = _ref.isConnected;
-  return reactQuery.useQuery({
-    queryKey: [QUERY_KEYS.GITHUB_REPOSITORIES_LIST],
-    queryFn: githubAccountsApi.repositories,
-    staleTime: STALE_TIME_CONFIG.staleTime,
-    enabled: isConnected && ramda.isNotNil(initializers.globalProps.githubAppInstallationId)
-  });
-};
-
-var Header = reactUtils.withT(function (_ref) {
-  var t = _ref.t;
-  return /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Github__default["default"], {
-      size: 16
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      style: "h4",
-      children: t("neetoGithub.github")
-    })]
-  });
-});
-
-var Configure = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    isConnected = _ref.isConnected,
-    installationUrl = _ref.installationUrl;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "neeto-ui-text-gray-900 flex-shrink-0 font-sans text-sm font-normal leading-6 antialiased",
-    children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      href: installationUrl,
-      icon: isConnected ? Settings__default["default"] : Plus__default["default"],
-      iconPosition: "left",
-      iconSize: 20,
-      size: "small",
-      style: "link",
-      children: isConnected ? t("neetoGithub.configureAccount") : t("neetoGithub.connectAccount")
-    })
-  });
-});
-
-var List$1 = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    accounts = _ref.accounts,
-    isConnected = _ref.isConnected,
-    installationUrl = _ref.installationUrl,
-    isPane = _ref.isPane;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames__default["default"]("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__*/jsxRuntime.jsxs("div", {
-        className: "flex w-full items-center space-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex items-center gap-1",
-          children: [type === "Organization" ? /*#__PURE__*/jsxRuntime.jsx(Building__default["default"], {
-            className: "neeto-ui-text-gray-600",
-            size: 24
-          }) : /*#__PURE__*/jsxRuntime.jsx(Avatar__default["default"], {
-            size: "small",
-            user: {
-              imageUrl: avatarUrl
-            }
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-            className: "neeto-ui-text-gray-800",
-            style: "body2",
-            children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              className: "neeto-ui-text-gray-800",
-              label: "@".concat(name),
-              style: "link",
-              onClick: function onClick() {
-                return window.open(profileUrl, "_blank");
-              }
-            })
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "neeto-ui-bg-gray-800 neeto-ui-rounded-full h-1 w-1"
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          className: "neeto-ui-text-black",
-          style: "body2",
-          children: t("neetoGithub.countOf.repos", {
-            count: count
-          })
-        })]
-      }, id);
-    }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"]("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__*/jsxRuntime.jsxs("div", {
-      className: "mb-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Header, {}), /*#__PURE__*/jsxRuntime.jsx(List$1, {
-        accounts: accounts,
-        installationUrl: installationUrl,
-        isConnected: isConnected,
-        isPane: isPane,
-        onConnect: onConnect
-      })]
-    })
-  });
-};
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var NoRepositories = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    installationUrl = _ref.installationUrl,
-    troubleshootUrl = _ref.troubleshootUrl;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "flex items-center justify-center py-6",
-    children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Typography__default["default"], {
-        style: "body2",
-        children: t("neetoGithub.noReposDescription")
-      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        href: installationUrl,
-        icon: Github__default["default"],
-        iconPosition: "left",
-        label: t("neetoGithub.connectRepository"),
-        size: "medium",
-        style: "primary"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "text-xs",
-        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-          i18nKey: t("neetoGithub.troubleshoot"),
-          components: {
-            troubleshootLink: /*#__PURE__*/jsxRuntime.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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = react.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__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {
-      className: "width-calc flex items-center space-x-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Github__default["default"], {
-        className: "flex-shrink-0",
-        size: 16
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        style: "body2",
-        children: fullName
-      }), isPrivate && /*#__PURE__*/jsxRuntime.jsx(Lock__default["default"], {
-        className: "flex-shrink-0",
-        size: 16
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "hidden lg:inline-block",
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "neeto-ui-bg-gray-800 neeto-ui-rounded-full h-1 w-1"
-        }), /*#__PURE__*/jsxRuntime.jsx(DateFormat__default["default"].FromNow, {
-          date: updatedAt
-        })]
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      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 = reactUtils.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__*/jsxRuntime.jsx("div", {
-    className: "h-full overflow-y-scroll px-4 pb-4 md:px-6 md:pb-6",
-    children: neetoCist.isPresent(repositories) ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: classnames__default["default"]("neeto-ui-border-gray-300 neeto-ui-rounded-md flex flex-col items-center justify-center border", {
-        "h-auto": neetoCist.isPresent(filteredRepositories),
-        "h-full": !neetoCist.isPresent(filteredRepositories)
-      }),
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "m-0 h-full w-full p-0",
-        children: neetoCist.isPresent(filteredRepositories) ? filteredRepositories.map(function (repository, index) {
-          return /*#__PURE__*/react.createElement(RepositoryTile, {
-            isConnecting: isConnecting,
-            onConnect: onConnect,
-            repository: repository,
-            key: index
-          });
-        }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          className: "flex h-full w-full items-center justify-center",
-          style: "body2",
-          children: t("neetoGithub.noRepos")
-        })
-      })
-    }) : /*#__PURE__*/jsxRuntime.jsx(NoRepositories, {
-      installationUrl: installationUrl,
-      troubleshootUrl: troubleshootUrl
-    })
-  });
-});
-
-var NotConnected = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    installationUrl = _ref.installationUrl;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      style: "body2",
-      children: t("neetoGithub.notConnectedDescription", {
-        appName: initializers.globalProps.appName
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      href: installationUrl,
-      icon: Github__default["default"],
-      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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = react.useState(repositories),
-    _useState2 = _slicedToArray(_useState, 2),
-    filteredRepositories = _useState2[0],
-    setFilteredRepositories = _useState2[1];
-  var onSearch = function onSearch(searchTerm) {
-    if (!neetoCist.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__*/jsxRuntime.jsx("div", {
-    className: "connect-repo flex h-full flex-col",
-    children: isConnected ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "space-y-3 p-4 md:p-6",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          className: "flex-shrink-0 text-lg font-medium",
-          style: "h2",
-          children: t("neetoGithub.connectARepo")
-        }), neetoCist.isPresent(repositories) && /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {
-          onSearch: onSearch,
-          className: "w-full",
-          unlimitedChars: false,
-          suffix: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-            style: "body2",
-            children: t("neetoGithub.countOf.repos", {
-              count: filteredRepositories.length
-            })
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex min-h-0 w-full flex-grow flex-col space-y-6",
-        children: /*#__PURE__*/jsxRuntime.jsx(List, {
-          filteredRepositories: filteredRepositories,
-          installationUrl: installationUrl,
-          isConnecting: isConnecting,
-          onConnect: onConnect,
-          repositories: repositories,
-          troubleshootUrl: troubleshootUrl
-        })
-      })]
-    }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-ui-text-gray-900 flex-grow font-sans text-sm font-normal leading-6 antialiased",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex h-full flex-col items-center justify-center p-4",
-        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"]("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__*/jsxRuntime.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 _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchGithubReposi = useFetchGithubRepositories({
-      isConnected: shouldFetchRepositories && initializers.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__*/jsxRuntime.jsx("div", {
-      className: "flex h-full w-full flex-col items-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {
-        text: t("neetoGithub.fetchingRepos")
-      })
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames__default["default"]("flex min-h-0 w-full flex-grow flex-col", {
-      "flex-col": isPane,
-      "gap-3 md:flex-row md:gap-6": !isPane
-    }),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Accounts, {
-      accounts: accounts,
-      installationUrl: installationUrl,
-      isConnected: isConnected,
-      isPane: isPane,
-      onConnect: onConnect
-    }), /*#__PURE__*/jsxRuntime.jsx(Repositories, {
-      installationUrl: installationUrl,
-      isConnected: isConnected,
-      isConnecting: isConnecting,
-      isPane: isPane,
-      onConnect: onConnect,
-      repositories: repositories,
-      troubleshootUrl: troubleshootUrl
-    })]
-  });
-};
+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 commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2829,7 +2308,7 @@ var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var initialFocusRef = react.useRef(null);
-  var _useFetchGithubReposi = useFetchGithubRepositories({
+  var _useFetchGithubReposi = NeetoGithubNanoContainer.useFetchGithubRepositories({
       isConnected: isOpen && isConnected
     }),
     _useFetchGithubReposi2 = _useFetchGithubReposi.data,
@@ -2857,7 +2336,7 @@ var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
         children: neetoCist.isPresent(title) ? title : t("neetoGithub.modal.title")
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
-      children: /*#__PURE__*/jsxRuntime.jsx(NeetoGithubNanoContainer, {
+      children: /*#__PURE__*/jsxRuntime.jsx(NeetoGithubNanoContainer.NeetoGithubNanoContainer, {
         installationUrl: installationUrl,
         isConnected: isConnected,
         isConnecting: isConnecting,
@@ -2873,11 +2352,5 @@ var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
   });
 };
 
-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)}}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3JlcG9zaXRvcnktdGlsZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3BhbmUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUNFLFVDQ0YsQ0RDRSx5QkFIRixZQUlJLHVCQ0VGLENBQ0YsQ0NQQSxpQ0FDRSxzQkRVRixDQ1JFLHlCQUhGLGlDQUlJLHFCRFdGLENBQ0YsQ0NURSwwQkFQRixpQ0FRSSxxQkRZRixDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLndpZHRoLWNhbGMge1xuICB3aWR0aDogMTAwJTtcblxuICBAc2NyZWVuIG1kIHtcbiAgICB3aWR0aDogY2FsYygxMDAlIC0gODJweCk7XG4gIH1cbn1cbiIsIi53aWR0aC1jYWxjIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5Ac2NyZWVuIG1kIHtcbiAgLndpZHRoLWNhbGMge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA4MnB4KTtcbiAgfVxufVxuXG4ubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gIHdpZHRoOiBtaW4oMTAwJSwgMTI4MHB4KTtcbn1cbkBzY3JlZW4gbWQge1xuICAubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gICAgd2lkdGg6IG1pbig5MCUsIDEyODBweCk7XG4gIH1cbn1cbkBzY3JlZW4gbGcge1xuICAubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gICAgd2lkdGg6IG1pbig2MCUsIDEyODBweCk7XG4gIH1cbn0iLCIubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gIHdpZHRoOiBtaW4oMTAwJSwgMTI4MHB4KTtcblxuICBAc2NyZWVuIG1kIHtcbiAgICB3aWR0aDogbWluKDkwJSwgMTI4MHB4KTtcbiAgfVxuXG4gIEBzY3JlZW4gbGcge1xuICAgIHdpZHRoOiBtaW4oNjAlLCAxMjgwcHgpO1xuICB9XG59XG4iXX0= */";
-n(css,{});
-
-exports.NeetoGithubNanoContainer = NeetoGithubNanoContainer;
-exports.NeetoGithubNanoPane = NeetoGithubNanoPane;
-//# sourceMappingURL=index.cjs.js.map
+module.exports = NeetoGithubNanoPane;
+//# sourceMappingURL=NeetoGithubNanoPane.js.map