@bigbinary/neeto-github-frontend 1.0.6 → 1.0.8

package/dist/index.cjs.js

@@ -3,27 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var neetoCist = require('@bigbinary/neeto-cist');
-var neetoui = require('@bigbinary/neetoui');
-var reactI18next = require('react-i18next');
 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 initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var require$$0 = require('util');
-var Search = require('@bigbinary/neeto-molecules/Search');
 var classNames = require('classnames');
+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 require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+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);
 
 var Configure = reactUtils.withT(function (_ref) {
   var t = _ref.t,
@@ -32,7 +32,7 @@ var Configure = reactUtils.withT(function (_ref) {
   return /*#__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(neetoui.Button, {
-    className: "mt-1 text-indigo-600 2xl:mt-3",
+    className: "mt-1 text-indigo-600 xl:mt-3",
     href: installationUrl,
     icon: isConnected ? neetoIcons.Settings : neetoIcons.Plus,
     iconPosition: "left",
@@ -102,12 +102,16 @@ var List$1 = reactUtils.withT(function (_ref) {
 });
 
 var Accounts = function Accounts(_ref) {
-  var accounts = _ref.accounts,
+  var isPane = _ref.isPane,
+    accounts = _ref.accounts,
     isConnected = _ref.isConnected,
     onConnect = _ref.onConnect,
     installationUrl = _ref.installationUrl;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full flex-col border border-solid border-transparent px-0 py-2 2xl:max-w-sm 2xl:px-8"
+    className: classNames__default["default"]("flex w-full flex-col border border-solid border-transparent px-0 py-2", {
+      "2xl:max-w-sm 2xl:px-8": isPane,
+      "xl:max-w-sm xl:px-8": !isPane
+    })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-2"
   }, /*#__PURE__*/React__default["default"].createElement(Header, null), /*#__PURE__*/React__default["default"].createElement(List$1, {
@@ -120,115 +124,455 @@ var Accounts = function Accounts(_ref) {
   })));
 };
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-/* eslint complexity: [2, 18], max-statements: [2, 33] */
-var shams = function hasSymbols() {
-	if (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; }
-	if (typeof Symbol.iterator === 'symbol') { return true; }
-
-	var obj = {};
-	var sym = Symbol('test');
-	var symObj = Object(sym);
-	if (typeof sym === 'string') { return false; }
-
-	if (Object.prototype.toString.call(sym) !== '[object Symbol]') { return false; }
-	if (Object.prototype.toString.call(symObj) !== '[object Symbol]') { return false; }
-
-	// temp disabled per https://github.com/ljharb/object.assign/issues/17
-	// if (sym instanceof Symbol) { return false; }
-	// temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4
-	// if (!(symObj instanceof Symbol)) { return false; }
-
-	// if (typeof Symbol.prototype.toString !== 'function') { return false; }
-	// if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; }
-
-	var symVal = 42;
-	obj[sym] = symVal;
-	for (sym in obj) { return false; } // eslint-disable-line no-restricted-syntax, no-unreachable-loop
-	if (typeof Object.keys === 'function' && Object.keys(obj).length !== 0) { return false; }
-
-	if (typeof Object.getOwnPropertyNames === 'function' && Object.getOwnPropertyNames(obj).length !== 0) { return false; }
-
-	var syms = Object.getOwnPropertySymbols(obj);
-	if (syms.length !== 1 || syms[0] !== sym) { return false; }
-
-	if (!Object.prototype.propertyIsEnumerable.call(obj, sym)) { return false; }
-
-	if (typeof Object.getOwnPropertyDescriptor === 'function') {
-		var descriptor = Object.getOwnPropertyDescriptor(obj, sym);
-		if (descriptor.value !== symVal || descriptor.enumerable !== true) { return false; }
-	}
-
-	return true;
-};
-
-var origSymbol = typeof Symbol !== 'undefined' && Symbol;
-var hasSymbolSham = shams;
-
-var hasSymbols$1 = function hasNativeSymbols() {
-	if (typeof origSymbol !== 'function') { return false; }
-	if (typeof Symbol !== 'function') { return false; }
-	if (typeof origSymbol('foo') !== 'symbol') { return false; }
-	if (typeof Symbol('bar') !== 'symbol') { return false; }
-
-	return hasSymbolSham();
-};
-
-var test = {
-	foo: {}
-};
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
 
-var $Object = Object;
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 
-var hasProto$1 = function hasProto() {
-	return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
-};
+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;
+}
 
-/* eslint no-invalid-this: 1 */
+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);
+}
 
-var ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';
-var toStr$1 = Object.prototype.toString;
-var max = Math.max;
-var funcType = '[object Function]';
+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.");
+}
 
-var concatty = function concatty(a, b) {
-    var arr = [];
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
 
-    for (var i = 0; i < a.length; i += 1) {
-        arr[i] = a[i];
-    }
-    for (var j = 0; j < b.length; j += 1) {
-        arr[j + a.length] = b[j];
+var NoRepositories = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    installationUrl = _ref.installationUrl,
+    troubleshootUrl = _ref.troubleshootUrl;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2"
+  }, t("neetoGithub.noReposDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    href: installationUrl,
+    icon: misc.Github,
+    iconPosition: "left",
+    label: t("neetoGithub.connectRepository"),
+    size: "medium",
+    style: "primary"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "text-xs"
+  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "troubleshoot",
+    components: {
+      troubleshootLink: /*#__PURE__*/React__default["default"].createElement("a", {
+        className: "text-indigo-600 underline",
+        href: troubleshootUrl,
+        rel: "noopener noreferrer",
+        target: "_blank"
+      })
     }
+  })));
+});
 
-    return arr;
-};
-
-var slicy = function slicy(arrLike, offset) {
-    var arr = [];
-    for (var i = offset || 0, j = 0; i < arrLike.length; i += 1, j += 1) {
-        arr[j] = arrLike[i];
+var RepositoryTile = function RepositoryTile(_ref) {
+  var onConnect = _ref.onConnect,
+    repository = _ref.repository;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var id = repository.id,
+    fullName = repository.fullName,
+    isPrivate = repository.isPrivate,
+    updatedAt = repository.updatedAt;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-border-gray-300 flex items-center justify-between border-b border-l-0 border-r-0 border-t-0 border-solid py-3 pl-5 pr-3",
+    key: id
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "width-calc flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(misc.Github, {
+    size: 16
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2"
+  }, fullName), isPrivate && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Lock, {
+    size: 16
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "hidden md:inline-block"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-900 mx-2 text-sm",
+    component: "span",
+    style: "h3"
+  }, "\u2022"), /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].FromNow, {
+    date: updatedAt
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    style: "primary",
+    type: "button",
+    onClick: function onClick() {
+      return onConnect({
+        repoType: "private",
+        repository: repository
+      });
     }
-    return arr;
+  }, t("neetoGithub.connect")));
 };
 
-var joiny = function (arr, joiner) {
-    var str = '';
-    for (var i = 0; i < arr.length; i += 1) {
-        str += arr[i];
-        if (i + 1 < arr.length) {
-            str += joiner;
-        }
-    }
-    return str;
-};
+var List = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
+    filteredRepositories = _ref.filteredRepositories,
+    repositories = _ref.repositories,
+    onConnect = _ref.onConnect,
+    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
+    })
+  }, 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) {
+    return /*#__PURE__*/React__default["default"].createElement(RepositoryTile, {
+      onConnect: onConnect,
+      repository: repository
+    });
+  }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "flex h-full w-full items-center justify-center",
+    style: "body2"
+  }, t("neetoGithub.noRepos"))) : /*#__PURE__*/React__default["default"].createElement(NoRepositories, {
+    installationUrl: installationUrl,
+    troubleshootUrl: troubleshootUrl
+  }));
+});
 
-var implementation$1 = function bind(that) {
-    var target = this;
-    if (typeof target !== 'function' || toStr$1.apply(target) !== funcType) {
-        throw new TypeError(ERROR_MESSAGE + target);
-    }
+var NotConnected = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    installationUrl = _ref.installationUrl;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2"
+  }, t("neetoGithub.notConnectedDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    href: installationUrl,
+    icon: misc.Github,
+    iconPosition: "left",
+    label: t("neetoGithub.connectGithub"),
+    size: "medium",
+    style: "primary"
+  }));
+});
+
+var Private = function Private(_ref) {
+  var isConnected = _ref.isConnected,
+    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
+    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__*/React__default["default"].createElement("div", {
+    className: "connect-repo neeto-ui-rounded-md neeto-ui-border-gray-300 border border-solid px-8 py-7"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "mb-2 pb-5 text-lg font-medium",
+    style: "h2"
+  }, t("neetoGithub.connectARepo")), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full flex-col space-y-6"
+  }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
+    onSearch: onSearch,
+    className: "w-full",
+    suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "body2"
+    }, t("neetoGithub.countOf.repos", {
+      count: filteredRepositories.length
+    }))
+  }), /*#__PURE__*/React__default["default"].createElement(List, {
+    isPublicRepoAllowed: isPublicRepoAllowed,
+    filteredRepositories: filteredRepositories,
+    installationUrl: installationUrl,
+    onConnect: onConnect,
+    repositories: repositories,
+    troubleshootUrl: troubleshootUrl
+  })) : /*#__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: "neeto-ui-rounded-md neeto-ui-border-gray-300 m-0 flex h-[366px] flex-col items-center justify-center border border-solid p-4 shadow-inner"
+  }, /*#__PURE__*/React__default["default"].createElement(NotConnected, {
+    installationUrl: installationUrl
+  }))));
+};
+
+var Public = function Public(_ref) {
+  var onConnect = _ref.onConnect;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    publicRepoUrl = _useState2[0],
+    setPublicRepoUrl = _useState2[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),
+    size: "large",
+    style: "primary",
+    type: "button",
+    onClick: function onClick() {
+      return onConnect({
+        repoType: "public",
+        repository: {
+          fullName: publicRepoUrl
+        }
+      });
+    }
+  }, t("neetoGithub.continue"))))));
+};
+
+var Repositories = function Repositories(_ref) {
+  var isConnected = _ref.isConnected,
+    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
+    repositories = _ref.repositories,
+    onConnect = _ref.onConnect,
+    installationUrl = _ref.installationUrl,
+    troubleshootUrl = _ref.troubleshootUrl;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full space-y-6"
+  }, /*#__PURE__*/React__default["default"].createElement(Private, {
+    isPublicRepoAllowed: isPublicRepoAllowed,
+    installationUrl: installationUrl,
+    isConnected: isConnected,
+    onConnect: onConnect,
+    repositories: repositories,
+    troubleshootUrl: troubleshootUrl
+  }), isPublicRepoAllowed && /*#__PURE__*/React__default["default"].createElement(Public, {
+    onConnect: onConnect
+  }));
+};
+
+var NeetoGithubNanoContainer = function NeetoGithubNanoContainer(_ref) {
+  var _ref$accounts = _ref.accounts,
+    accounts = _ref$accounts === void 0 ? [] : _ref$accounts,
+    installationUrl = _ref.installationUrl,
+    isConnected = _ref.isConnected,
+    _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,
+    troubleshootUrl = _ref.troubleshootUrl,
+    _ref$isPane = _ref.isPane,
+    isPane = _ref$isPane === void 0 ? false : _ref$isPane;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full flex-col-reverse 2xl:flex-row"
+  }, /*#__PURE__*/React__default["default"].createElement(Repositories, {
+    installationUrl: installationUrl,
+    isConnected: isConnected,
+    isPublicRepoAllowed: isPublicRepoAllowed,
+    onConnect: onConnect,
+    repositories: repositories,
+    troubleshootUrl: troubleshootUrl
+  }), /*#__PURE__*/React__default["default"].createElement(Accounts, {
+    accounts: accounts,
+    installationUrl: installationUrl,
+    isConnected: isConnected,
+    onConnect: onConnect,
+    isPane: isPane
+  }));
+};
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+/* eslint complexity: [2, 18], max-statements: [2, 33] */
+var shams = function hasSymbols() {
+	if (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; }
+	if (typeof Symbol.iterator === 'symbol') { return true; }
+
+	var obj = {};
+	var sym = Symbol('test');
+	var symObj = Object(sym);
+	if (typeof sym === 'string') { return false; }
+
+	if (Object.prototype.toString.call(sym) !== '[object Symbol]') { return false; }
+	if (Object.prototype.toString.call(symObj) !== '[object Symbol]') { return false; }
+
+	// temp disabled per https://github.com/ljharb/object.assign/issues/17
+	// if (sym instanceof Symbol) { return false; }
+	// temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4
+	// if (!(symObj instanceof Symbol)) { return false; }
+
+	// if (typeof Symbol.prototype.toString !== 'function') { return false; }
+	// if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; }
+
+	var symVal = 42;
+	obj[sym] = symVal;
+	for (sym in obj) { return false; } // eslint-disable-line no-restricted-syntax, no-unreachable-loop
+	if (typeof Object.keys === 'function' && Object.keys(obj).length !== 0) { return false; }
+
+	if (typeof Object.getOwnPropertyNames === 'function' && Object.getOwnPropertyNames(obj).length !== 0) { return false; }
+
+	var syms = Object.getOwnPropertySymbols(obj);
+	if (syms.length !== 1 || syms[0] !== sym) { return false; }
+
+	if (!Object.prototype.propertyIsEnumerable.call(obj, sym)) { return false; }
+
+	if (typeof Object.getOwnPropertyDescriptor === 'function') {
+		var descriptor = Object.getOwnPropertyDescriptor(obj, sym);
+		if (descriptor.value !== symVal || descriptor.enumerable !== true) { return false; }
+	}
+
+	return true;
+};
+
+var origSymbol = typeof Symbol !== 'undefined' && Symbol;
+var hasSymbolSham = shams;
+
+var hasSymbols$1 = function hasNativeSymbols() {
+	if (typeof origSymbol !== 'function') { return false; }
+	if (typeof Symbol !== 'function') { return false; }
+	if (typeof origSymbol('foo') !== 'symbol') { return false; }
+	if (typeof Symbol('bar') !== 'symbol') { return false; }
+
+	return hasSymbolSham();
+};
+
+var test = {
+	foo: {}
+};
+
+var $Object = Object;
+
+var hasProto$1 = function hasProto() {
+	return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
+};
+
+/* eslint no-invalid-this: 1 */
+
+var ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';
+var toStr$1 = Object.prototype.toString;
+var max = Math.max;
+var funcType = '[object Function]';
+
+var concatty = function concatty(a, b) {
+    var arr = [];
+
+    for (var i = 0; i < a.length; i += 1) {
+        arr[i] = a[i];
+    }
+    for (var j = 0; j < b.length; j += 1) {
+        arr[j + a.length] = b[j];
+    }
+
+    return arr;
+};
+
+var slicy = function slicy(arrLike, offset) {
+    var arr = [];
+    for (var i = offset || 0, j = 0; i < arrLike.length; i += 1, j += 1) {
+        arr[j] = arrLike[i];
+    }
+    return arr;
+};
+
+var joiny = function (arr, joiner) {
+    var str = '';
+    for (var i = 0; i < arr.length; i += 1) {
+        str += arr[i];
+        if (i + 1 < arr.length) {
+            str += joiner;
+        }
+    }
+    return str;
+};
+
+var implementation$1 = function bind(that) {
+    var target = this;
+    if (typeof target !== 'function' || toStr$1.apply(target) !== funcType) {
+        throw new TypeError(ERROR_MESSAGE + target);
+    }
     var args = slicy(arguments, 1);
 
     var bound;
@@ -2292,401 +2636,92 @@ var parseKeys = function parseQueryStringKeys(givenKey, val, options, valuesPars
     // If there's a remainder, just add whatever is left
 
     if (segment) {
-        keys.push('[' + key.slice(segment.index) + ']');
-    }
-
-    return parseObject(keys, val, options, valuesParsed);
-};
-
-var normalizeParseOptions = function normalizeParseOptions(opts) {
-    if (!opts) {
-        return defaults;
-    }
-
-    if (opts.decoder !== null && opts.decoder !== undefined && typeof opts.decoder !== 'function') {
-        throw new TypeError('Decoder has to be a function.');
-    }
-
-    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {
-        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');
-    }
-    var charset = typeof opts.charset === 'undefined' ? defaults.charset : opts.charset;
-
-    return {
-        allowDots: typeof opts.allowDots === 'undefined' ? defaults.allowDots : !!opts.allowDots,
-        allowPrototypes: typeof opts.allowPrototypes === 'boolean' ? opts.allowPrototypes : defaults.allowPrototypes,
-        allowSparse: typeof opts.allowSparse === 'boolean' ? opts.allowSparse : defaults.allowSparse,
-        arrayLimit: typeof opts.arrayLimit === 'number' ? opts.arrayLimit : defaults.arrayLimit,
-        charset: charset,
-        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults.charsetSentinel,
-        comma: typeof opts.comma === 'boolean' ? opts.comma : defaults.comma,
-        decoder: typeof opts.decoder === 'function' ? opts.decoder : defaults.decoder,
-        delimiter: typeof opts.delimiter === 'string' || utils.isRegExp(opts.delimiter) ? opts.delimiter : defaults.delimiter,
-        // eslint-disable-next-line no-implicit-coercion, no-extra-parens
-        depth: (typeof opts.depth === 'number' || opts.depth === false) ? +opts.depth : defaults.depth,
-        ignoreQueryPrefix: opts.ignoreQueryPrefix === true,
-        interpretNumericEntities: typeof opts.interpretNumericEntities === 'boolean' ? opts.interpretNumericEntities : defaults.interpretNumericEntities,
-        parameterLimit: typeof opts.parameterLimit === 'number' ? opts.parameterLimit : defaults.parameterLimit,
-        parseArrays: opts.parseArrays !== false,
-        plainObjects: typeof opts.plainObjects === 'boolean' ? opts.plainObjects : defaults.plainObjects,
-        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults.strictNullHandling
-    };
-};
-
-var parse$1 = function (str, opts) {
-    var options = normalizeParseOptions(opts);
-
-    if (str === '' || str === null || typeof str === 'undefined') {
-        return options.plainObjects ? Object.create(null) : {};
-    }
-
-    var tempObj = typeof str === 'string' ? parseValues(str, options) : str;
-    var obj = options.plainObjects ? Object.create(null) : {};
-
-    // Iterate over the keys and setup the new object
-
-    var keys = Object.keys(tempObj);
-    for (var i = 0; i < keys.length; ++i) {
-        var key = keys[i];
-        var newObj = parseKeys(key, tempObj[key], options, typeof str === 'string');
-        obj = utils.merge(obj, newObj, options);
-    }
-
-    if (options.allowSparse === true) {
-        return obj;
-    }
-
-    return utils.compact(obj);
-};
-
-var stringify = stringify_1;
-var parse = parse$1;
-var formats = formats$3;
-
-var lib = {
-    formats: formats,
-    parse: parse,
-    stringify: stringify
-};
-
-var _globalProps$organiza;
-var newInstallationParams = lib.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";
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-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__*/React__default["default"].createElement("div", {
-    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, t("neetoGithub.noReposDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    href: installationUrl,
-    icon: misc.Github,
-    iconPosition: "left",
-    label: t("neetoGithub.connectRepository"),
-    size: "medium",
-    style: "primary"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "text-xs"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "troubleshoot",
-    components: {
-      troubleshootLink: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "text-indigo-600 underline",
-        href: troubleshootUrl,
-        rel: "noopener noreferrer",
-        target: "_blank"
-      })
-    }
-  })));
-});
-
-var RepositoryTile = function RepositoryTile(_ref) {
-  var onConnect = _ref.onConnect,
-    repository = _ref.repository;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var id = repository.id,
-    fullName = repository.fullName,
-    isPrivate = repository.isPrivate,
-    updatedAt = repository.updatedAt;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-border-gray-300 flex items-center justify-between border-b border-l-0 border-r-0 border-t-0 border-solid py-3 pl-5 pr-3",
-    key: id
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "width-calc flex items-center space-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(misc.Github, {
-    size: 16
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, fullName), isPrivate && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Lock, {
-    size: 16
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "hidden md:inline-block"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-900 mx-2 text-sm",
-    component: "span",
-    style: "h3"
-  }, "\u2022"), /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].FromNow, {
-    date: updatedAt
-  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "primary",
-    type: "button",
-    onClick: function onClick() {
-      return onConnect({
-        repoType: "private",
-        repository: repository
-      });
+        keys.push('[' + key.slice(segment.index) + ']');
     }
-  }, t("neetoGithub.connect")));
+
+    return parseObject(keys, val, options, valuesParsed);
 };
 
-var List = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
-    filteredRepositories = _ref.filteredRepositories,
-    repositories = _ref.repositories,
-    onConnect = _ref.onConnect,
-    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
-    })
-  }, 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) {
-    return /*#__PURE__*/React__default["default"].createElement(RepositoryTile, {
-      onConnect: onConnect,
-      repository: repository
-    });
-  }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "flex h-full w-full items-center justify-center",
-    style: "body2"
-  }, t("neetoGithub.noRepos"))) : /*#__PURE__*/React__default["default"].createElement(NoRepositories, {
-    installationUrl: installationUrl,
-    troubleshootUrl: troubleshootUrl
-  }));
-});
+var normalizeParseOptions = function normalizeParseOptions(opts) {
+    if (!opts) {
+        return defaults;
+    }
 
-var NotConnected = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    installationUrl = _ref.installationUrl;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, t("neetoGithub.notConnectedDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    href: installationUrl,
-    icon: misc.Github,
-    iconPosition: "left",
-    label: t("neetoGithub.connectGithub"),
-    size: "medium",
-    style: "primary"
-  }));
-});
+    if (opts.decoder !== null && opts.decoder !== undefined && typeof opts.decoder !== 'function') {
+        throw new TypeError('Decoder has to be a function.');
+    }
 
-var Private = function Private(_ref) {
-  var isConnected = _ref.isConnected,
-    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
-    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;
+    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {
+        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');
     }
-    var filteredRepositories = repositories.filter(function (_ref2) {
-      var fullName = _ref2.fullName;
-      return fullName.toLowerCase().includes(searchTerm.toLowerCase());
-    });
-    setFilteredRepositories(filteredRepositories);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "connect-repo neeto-ui-rounded-md neeto-ui-border-gray-300 border border-solid px-8 py-7"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mb-2 pb-5 text-lg font-medium",
-    style: "h2"
-  }, t("neetoGithub.connectARepo")), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full flex-col space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
-    onSearch: onSearch,
-    className: "w-full",
-    suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, t("neetoGithub.countOf.repos", {
-      count: filteredRepositories.length
-    }))
-  }), /*#__PURE__*/React__default["default"].createElement(List, {
-    isPublicRepoAllowed: isPublicRepoAllowed,
-    filteredRepositories: filteredRepositories,
-    installationUrl: installationUrl,
-    onConnect: onConnect,
-    repositories: repositories,
-    troubleshootUrl: troubleshootUrl
-  })) : /*#__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: "neeto-ui-rounded-md neeto-ui-border-gray-300 m-0 flex h-[366px] flex-col items-center justify-center border border-solid p-4 shadow-inner"
-  }, /*#__PURE__*/React__default["default"].createElement(NotConnected, {
-    installationUrl: installationUrl
-  }))));
+    var charset = typeof opts.charset === 'undefined' ? defaults.charset : opts.charset;
+
+    return {
+        allowDots: typeof opts.allowDots === 'undefined' ? defaults.allowDots : !!opts.allowDots,
+        allowPrototypes: typeof opts.allowPrototypes === 'boolean' ? opts.allowPrototypes : defaults.allowPrototypes,
+        allowSparse: typeof opts.allowSparse === 'boolean' ? opts.allowSparse : defaults.allowSparse,
+        arrayLimit: typeof opts.arrayLimit === 'number' ? opts.arrayLimit : defaults.arrayLimit,
+        charset: charset,
+        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults.charsetSentinel,
+        comma: typeof opts.comma === 'boolean' ? opts.comma : defaults.comma,
+        decoder: typeof opts.decoder === 'function' ? opts.decoder : defaults.decoder,
+        delimiter: typeof opts.delimiter === 'string' || utils.isRegExp(opts.delimiter) ? opts.delimiter : defaults.delimiter,
+        // eslint-disable-next-line no-implicit-coercion, no-extra-parens
+        depth: (typeof opts.depth === 'number' || opts.depth === false) ? +opts.depth : defaults.depth,
+        ignoreQueryPrefix: opts.ignoreQueryPrefix === true,
+        interpretNumericEntities: typeof opts.interpretNumericEntities === 'boolean' ? opts.interpretNumericEntities : defaults.interpretNumericEntities,
+        parameterLimit: typeof opts.parameterLimit === 'number' ? opts.parameterLimit : defaults.parameterLimit,
+        parseArrays: opts.parseArrays !== false,
+        plainObjects: typeof opts.plainObjects === 'boolean' ? opts.plainObjects : defaults.plainObjects,
+        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults.strictNullHandling
+    };
 };
 
-var Public = function Public(_ref) {
-  var onConnect = _ref.onConnect;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    publicRepoUrl = _useState2[0],
-    setPublicRepoUrl = _useState2[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);
+var parse$1 = function (str, opts) {
+    var options = normalizeParseOptions(opts);
+
+    if (str === '' || str === null || typeof str === 'undefined') {
+        return options.plainObjects ? Object.create(null) : {};
     }
-  }))), /*#__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),
-    size: "large",
-    style: "primary",
-    type: "button",
-    onClick: function onClick() {
-      return onConnect({
-        repoType: "public",
-        repository: {
-          fullName: publicRepoUrl
-        }
-      });
+
+    var tempObj = typeof str === 'string' ? parseValues(str, options) : str;
+    var obj = options.plainObjects ? Object.create(null) : {};
+
+    // Iterate over the keys and setup the new object
+
+    var keys = Object.keys(tempObj);
+    for (var i = 0; i < keys.length; ++i) {
+        var key = keys[i];
+        var newObj = parseKeys(key, tempObj[key], options, typeof str === 'string');
+        obj = utils.merge(obj, newObj, options);
     }
-  }, t("neetoGithub.continue"))))));
+
+    if (options.allowSparse === true) {
+        return obj;
+    }
+
+    return utils.compact(obj);
 };
 
-var Repositories = function Repositories(_ref) {
-  var isConnected = _ref.isConnected,
-    isPublicRepoAllowed = _ref.isPublicRepoAllowed,
-    repositories = _ref.repositories,
-    onConnect = _ref.onConnect,
-    installationUrl = _ref.installationUrl,
-    troubleshootUrl = _ref.troubleshootUrl;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full space-y-6 2xl:max-w-7xl"
-  }, /*#__PURE__*/React__default["default"].createElement(Private, {
-    isPublicRepoAllowed: isPublicRepoAllowed,
-    installationUrl: installationUrl,
-    isConnected: isConnected,
-    onConnect: onConnect,
-    repositories: repositories,
-    troubleshootUrl: troubleshootUrl
-  }), isPublicRepoAllowed && /*#__PURE__*/React__default["default"].createElement(Public, {
-    onConnect: onConnect
-  }));
+var stringify = stringify_1;
+var parse = parse$1;
+var formats = formats$3;
+
+var lib = {
+    formats: formats,
+    parse: parse,
+    stringify: stringify
 };
 
+var _globalProps$organiza;
+var newInstallationParams = lib.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 NeetoGithubNanoModal = function NeetoGithubNanoModal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -2718,23 +2753,16 @@ var NeetoGithubNanoModal = function NeetoGithubNanoModal(_ref) {
   }, t("neetoGithub.modal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "mt-4",
     style: "body2"
-  }, t("neetoGithub.modal.description"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col-reverse 2xl:flex-row"
-  }, /*#__PURE__*/React__default["default"].createElement(Repositories, {
+  }, 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,
     isPublicRepoAllowed: isPublicRepoAllowed,
     onConnect: onConnect,
     repositories: repositories,
-    troubleshootUrl: troubleshootUrl
-  }), /*#__PURE__*/React__default["default"].createElement(Accounts, {
-    accounts: accounts,
-    installationUrl: installationUrl,
-    isConnected: isConnected,
-    onConnect: onConnect
-  })))));
+    troubleshootUrl: troubleshootUrl,
+    isPane: true
+  })));
 };
 
 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}}
@@ -2742,5 +2770,6 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
 var css = ".width-calc{width:calc(100% - 82px)}.neeto-github-modal-pane-wrapper{width:min(75%,1280px)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3JlcG9zaXRvcnktdGlsZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3BhbmUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUNFLHVCQ0NGLENDRkEsaUNBQ0UscUJES0YiLCJzb3VyY2VzQ29udGVudCI6WyIud2lkdGgtY2FsYyB7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSA4MnB4KTtcbn1cbiIsIi53aWR0aC1jYWxjIHtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDgycHgpO1xufVxuXG4ubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gIHdpZHRoOiBtaW4oNzUlLCAxMjgwcHgpO1xufSIsIi5uZWV0by1naXRodWItbW9kYWwtcGFuZS13cmFwcGVyIHtcbiAgd2lkdGg6IG1pbig3NSUsIDEyODBweCk7XG59XG4iXX0= */";
 n(css,{});
 
+exports.NeetoGithubNanoContainer = NeetoGithubNanoContainer;
 exports.NeetoGithubNanoModal = NeetoGithubNanoModal;
 //# sourceMappingURL=index.cjs.js.map