@bigbinary/neeto-github-frontend 1.0.11 → 1.0.14

package/dist/index.cjs.js

@@ -4,27 +4,115 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 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 ramda = require('ramda');
+var reactQuery = require('react-query');
+var axios = require('axios');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
 var misc = require('@bigbinary/neeto-icons/misc');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Search = require('@bigbinary/neeto-molecules/Search');
-var reactI18next = require('react-i18next');
 var Scrollable = require('@bigbinary/neeto-molecules/Scrollable');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var require$$0 = require('util');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var Scrollable__default = /*#__PURE__*/_interopDefaultLegacy(Scrollable);
 var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var _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
+};
+
+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; }
+var useFetchGithubRepositories = function useFetchGithubRepositories(_ref) {
+  var isConnected = _ref.isConnected;
+  return reactQuery.useQuery([QUERY_KEYS.GITHUB_REPOSITORIES_LIST], githubAccountsApi.repositories, _objectSpread(_objectSpread({}, STALE_TIME_CONFIG), {}, {
+    enabled: isConnected && ramda.isNotNil(initializers.globalProps.githubAppInstallationId)
+  }));
+};
+
 var Configure = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     isConnected = _ref.isConnected,
@@ -259,7 +347,6 @@ var RepositoryTile = function RepositoryTile(_ref) {
 
 var List = reactUtils.withT(function (_ref) {
   var t = _ref.t,
-    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
     filteredRepositories = _ref.filteredRepositories,
     repositories = _ref.repositories,
     isConnecting = _ref.isConnecting,
@@ -267,10 +354,7 @@ var List = reactUtils.withT(function (_ref) {
     installationUrl = _ref.installationUrl,
     troubleshootUrl = _ref.troubleshootUrl;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]("neeto-ui-border-gray-300 neeto-ui-rounded-md m-0 flex flex-col items-center justify-center border border-solid p-0 2xl:h-96", {
-      "h-52": isPublicRepoAllowed,
-      "h-72": !isPublicRepoAllowed
-    })
+    className: "neeto-ui-border-gray-300 h-72 neeto-ui-rounded-md m-0 flex flex-col items-center justify-center border border-solid p-0 2xl:h-96"
   }, neetoCist.isPresent(repositories) ? /*#__PURE__*/React__default["default"].createElement(Scrollable__default["default"], {
     className: "m-0 h-full w-full overflow-y-scroll p-0 shadow-inner"
   }, neetoCist.isPresent(filteredRepositories) ? filteredRepositories.map(function (repository, index) {
@@ -311,7 +395,6 @@ var NotConnected = reactUtils.withT(function (_ref) {
 var Private = function Private(_ref) {
   var isConnected = _ref.isConnected,
     isConnecting = _ref.isConnecting,
-    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
     repositories = _ref.repositories,
     onConnect = _ref.onConnect,
     installationUrl = _ref.installationUrl,
@@ -342,6 +425,7 @@ var Private = function Private(_ref) {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
     onSearch: onSearch,
+    unlimitedChars: false,
     className: "w-full",
     suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       style: "body2"
@@ -352,7 +436,6 @@ var Private = function Private(_ref) {
     filteredRepositories: filteredRepositories,
     installationUrl: installationUrl,
     isConnecting: isConnecting,
-    isPublicRepoAllowed: isPublicRepoAllowed,
     onConnect: onConnect,
     repositories: repositories,
     troubleshootUrl: troubleshootUrl
@@ -365,79 +448,9 @@ var Private = function Private(_ref) {
   }))));
 };
 
-var Public = function Public(_ref) {
-  var isConnecting = _ref.isConnecting,
-    onConnect = _ref.onConnect;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = React.useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    publicRepoUrl = _useState4[0],
-    setPublicRepoUrl = _useState4[1];
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "transition-drop-shadow neeto-ui-border-gray-300 neeto-ui-rounded-md border border-solid px-8 py-7 font-sans transition-colors"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-2 pb-5"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "pr-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "text-lg font-medium",
-    style: "h2"
-  }, t("neetoGithub.publicGitRepo")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-text-gray-900 mt-2 flex max-w-xl space-x-1 font-sans text-sm font-normal leading-6 antialiased"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, t("neetoGithub.publicGitRepoDescription")))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-text-gray-900 font-sans text-sm font-normal leading-6 antialiased"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "z-0 flex-1"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    nakedInput: true,
-    autocomplete: "false",
-    className: "relative rounded-b rounded-l rounded-r-none rounded-t border-b border-l border-r-0 border-t border-solid px-2",
-    placeholder: t("neetoGithub.publicGitRepoPlaceholder"),
-    size: "large",
-    spellcheck: "false",
-    type: "text",
-    value: publicRepoUrl,
-    onChange: function onChange(e) {
-      return setPublicRepoUrl(e.target.value);
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "relative"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: "rounded-b rounded-l-none rounded-r rounded-t",
-    disabled: !neetoCist.isPresent(publicRepoUrl) || isLoading || isConnecting,
-    loading: isLoading,
-    size: "large",
-    style: "primary",
-    type: "button",
-    onClick: function onClick() {
-      return onConnect({
-        repoType: "public",
-        repository: {
-          fullName: publicRepoUrl
-        },
-        setIsLoading: setIsLoading
-      });
-    }
-  }, t("neetoGithub.continue"))))));
-};
-
 var Repositories = function Repositories(_ref) {
   var isConnected = _ref.isConnected,
     isConnecting = _ref.isConnecting,
-    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
     repositories = _ref.repositories,
     onConnect = _ref.onConnect,
     installationUrl = _ref.installationUrl,
@@ -448,31 +461,51 @@ var Repositories = function Repositories(_ref) {
     installationUrl: installationUrl,
     isConnected: isConnected,
     isConnecting: isConnecting,
-    isPublicRepoAllowed: isPublicRepoAllowed,
     onConnect: onConnect,
     repositories: repositories,
     troubleshootUrl: troubleshootUrl
-  }), isPublicRepoAllowed && /*#__PURE__*/React__default["default"].createElement(Public, {
-    isConnecting: isConnecting,
-    onConnect: onConnect
   }));
 };
 
 var NeetoGithubNanoContainer = function NeetoGithubNanoContainer(_ref) {
-  var _ref$accounts = _ref.accounts,
-    accounts = _ref$accounts === void 0 ? [] : _ref$accounts,
+  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,
-    _ref$isPublicRepoAllo = _ref.isPublicRepoAllowed,
-    isPublicRepoAllowed = _ref$isPublicRepoAllo === void 0 ? false : _ref$isPublicRepoAllo,
     onConnect = _ref.onConnect,
-    _ref$repositories = _ref.repositories,
-    repositories = _ref$repositories === void 0 ? [] : _ref$repositories,
+    _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__*/React__default["default"].createElement("div", {
+      className: "flex h-96 w-full flex-col items-center"
+    }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], {
+      text: t("neetoGithub.fetchingRepos")
+    }), ";");
+  }
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]("flex w-full flex-col-reverse", {
       "2xl:flex-row": isPane,
@@ -482,7 +515,6 @@ var NeetoGithubNanoContainer = function NeetoGithubNanoContainer(_ref) {
     installationUrl: installationUrl,
     isConnected: isConnected,
     isConnecting: isConnecting,
-    isPublicRepoAllowed: isPublicRepoAllowed,
     onConnect: onConnect,
     repositories: repositories,
     troubleshootUrl: troubleshootUrl
@@ -2755,18 +2787,14 @@ var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
     isConnecting = _ref$isConnecting === void 0 ? false : _ref$isConnecting,
     _ref$isConnected = _ref.isConnected,
     isConnected = _ref$isConnected === void 0 ? false : _ref$isConnected,
-    _ref$isPublicRepoAllo = _ref.isPublicRepoAllowed,
-    isPublicRepoAllowed = _ref$isPublicRepoAllo === void 0 ? false : _ref$isPublicRepoAllo,
-    _ref$repositories = _ref.repositories,
-    repositories = _ref$repositories === void 0 ? [] : _ref$repositories,
-    _ref$accounts = _ref.accounts,
-    accounts = _ref$accounts === void 0 ? [] : _ref$accounts,
     _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,
     _ref$description = _ref.description,
@@ -2774,6 +2802,22 @@ var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var initialFocusRef = React.useRef(null);
+  var _useFetchGithubReposi = 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__*/React__default["default"].createElement(neetoui.Pane, {
     initialFocusRef: initialFocusRef,
     isOpen: isOpen,
@@ -2786,15 +2830,16 @@ var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
     className: "mt-4",
     style: "body2"
   }, neetoCist.isPresent(description) ? description : t("neetoGithub.modal.description"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(NeetoGithubNanoContainer, {
-    accounts: accounts,
     installationUrl: installationUrl,
     isConnected: isConnected,
     isConnecting: isConnecting,
-    isPublicRepoAllowed: isPublicRepoAllowed,
+    isPaneLoading: isPaneLoading,
     onConnect: onConnect,
-    repositories: repositories,
+    paneAccounts: paneAccounts,
+    paneRepositories: paneRepositories,
     troubleshootUrl: troubleshootUrl,
-    isPane: true
+    isPane: true,
+    shouldFetchRepositories: false
   })));
 };