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

package/dist/cjs/NeetoGithubRepositoryConnectionCard.js

@@ -17,14 +17,14 @@ var reactI18next = require('react-i18next');
 var NeetoGithubNanoPane = require('./NeetoGithubNanoPane.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Pane');
-require('../useGithubAccountsApi-BFnwW6qa.js');
+require('../useGithubAccountsApi-CBlDaBkA.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('@bigbinary/neeto-commons-frontend/constants');
-require('../index-D1ob5VXc.js');
+require('./NeetoGithubNanoContainer.js');
 require('@bigbinary/neetoui/Spinner');
 require('@bigbinary/neeto-icons/Building');
 require('@bigbinary/neetoui/Avatar');
@@ -33,10 +33,12 @@ require('@bigbinary/neeto-icons/Settings');
 require('@bigbinary/neeto-molecules/Search');
 require('@bigbinary/neeto-icons/Lock');
 require('@bigbinary/neeto-molecules/DateFormat');
+require('../repository-tile-fB8WFACw.js');
+require('../pane-DRsC3fwq.js');
 require('qs');
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NeetoGithubRepositoryConnectionCard = function NeetoGithubRepositoryConnectionCard(_ref) {
   var className = _ref.className,
     repositoryName = _ref.repositoryName,

package/dist/cjs/NeetoGithubRepositoryConnectionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeetoGithubRepositoryConnectionCard.js","sources":["../../app/javascript/src/components/NeetoGithubRepositoryConnectionCard/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { ExternalLink } from \"neetoicons\";\nimport { Github } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button, Typography, Alert, Tooltip } from \"neetoui\";\nimport { isNotNil } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport NeetoGithubNanoPane from \"components/NeetoGithubNanoPane\";\n\nconst NeetoGithubRepositoryConnectionCard = ({\n  className,\n  repositoryName,\n  installationUrl,\n  helpDocUrl = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n  isConnecting = false,\n  isConnected = false,\n  isDisconnecting = false,\n  isDisconnectingDisabled = false,\n  canManageGithubIntegration = false,\n  disconnectButtonDisabledTooltipContent,\n}) => {\n  const [isConnectRepositoryViewOpen, setIsConnectRepositoryViewOpen] =\n    useState(false);\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isRepositoryConnected = isNotNil(repositoryName);\n  const isDisabled = isRepositoryConnected && isDisconnectingDisabled;\n  const style = isRepositoryConnected ? \"secondary\" : \"primary\";\n\n  const title = isRepositoryConnected\n    ? t(\"neetoGithub.connectedRepository\")\n    : t(\"neetoGithub.connectRepository\");\n\n  const label = isRepositoryConnected\n    ? t(\"neetoGithub.disconnect\")\n    : t(\"neetoGithub.connect\");\n\n  const tooltipProps = {\n    content:\n      disconnectButtonDisabledTooltipContent ||\n      t(\"neetoGithub.disconnectingDisabled\"),\n    disabled: !isDisconnectingDisabled || !isRepositoryConnected,\n  };\n\n  const githubRepositoryUrl = repositoryName =>\n    `https://github.com/${repositoryName}`;\n\n  const renderActionBlockTooltip = () => (\n    <Tooltip {...tooltipProps}>\n      <span>\n        <Button\n          {...{ label, style }}\n          disabled={isDisabled}\n          onClick={\n            isRepositoryConnected\n              ? () => setIsDisconnectAlertOpen(true)\n              : () => setIsConnectRepositoryViewOpen(true)\n          }\n        />\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <div className={classNames(\"w-full\", className)}>\n      <CardLayout\n        {...{ title }}\n        actionBlock={canManageGithubIntegration && renderActionBlockTooltip()}\n        icon={<Github />}\n      >\n        <Typography style=\"body1\">\n          <Trans\n            values={{ repository: repositoryName }}\n            components={{\n              a: (\n                <Button\n                  href={githubRepositoryUrl(repositoryName)}\n                  icon={ExternalLink}\n                  rel=\"noreferrer\"\n                  style=\"link\"\n                  target=\"_blank\"\n                />\n              ),\n              externalLink: <ExternalLink size={20} />,\n            }}\n            i18nKey={\n              isRepositoryConnected\n                ? \"neetoGithub.repositoryConnected\"\n                : \"neetoGithub.repositoryNotConnected\"\n            }\n          />\n        </Typography>\n        {helpDocUrl && (\n          <Typography\n            className=\"neeto-ui-text-gray-800 mt-4\"\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            <Trans\n              i18nKey=\"neetoGithub.helpDocUrl\"\n              components={{\n                helpLink: (\n                  <Button href={helpDocUrl} style=\"link\" target=\"_blank\" />\n                ),\n              }}\n            />\n          </Typography>\n        )}\n      </CardLayout>\n      {canManageGithubIntegration && (\n        <>\n          <NeetoGithubNanoPane\n            {...{ installationUrl, isConnected, isConnecting }}\n            isOpen={isConnectRepositoryViewOpen}\n            projects={[{ repository: repositoryName }]}\n            title={t(\"neetoGithub.selectARepository\")}\n            onClose={() => {\n              setIsConnectRepositoryViewOpen(false);\n            }}\n            onConnect={({ repoType, repository, setIsLoading }) => {\n              onConnect(\n                { repoType, repository, setIsLoading },\n                setIsConnectRepositoryViewOpen\n              );\n            }}\n          />\n          <Alert\n            isOpen={isDisconnectAlertOpen}\n            isSubmitting={isDisconnecting}\n            message={t(\"neetoGithub.disconnectAlert.message\")}\n            title={t(\"neetoGithub.disconnectAlert.title\")}\n            onClose={() => setIsDisconnectAlertOpen(false)}\n            onSubmit={() => {\n              onDisconnect(setIsDisconnectAlertOpen);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default NeetoGithubRepositoryConnectionCard;\n"],"names":["NeetoGithubRepositoryConnectionCard","_ref","className","repositoryName","installationUrl","_ref$helpDocUrl","helpDocUrl","_ref$onConnect","onConnect","noop","_ref$onDisconnect","onDisconnect","_ref$isConnecting","isConnecting","_ref$isConnected","isConnected","_ref$isDisconnecting","isDisconnecting","_ref$isDisconnectingD","isDisconnectingDisabled","_ref$canManageGithubI","canManageGithubIntegration","disconnectButtonDisabledTooltipContent","_useState","useState","_useState2","_slicedToArray","isConnectRepositoryViewOpen","setIsConnectRepositoryViewOpen","_useState3","_useState4","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useTranslation","useTranslation","t","isRepositoryConnected","isNotNil","isDisabled","style","title","label","tooltipProps","content","disabled","githubRepositoryUrl","concat","renderActionBlockTooltip","_jsx","Tooltip","_objectSpread","children","Button","onClick","_jsxs","classNames","CardLayout","actionBlock","icon","Github","Typography","Trans","values","repository","components","a","href","ExternalLink","rel","target","externalLink","size","i18nKey","weight","helpLink","_Fragment","NeetoGithubNanoPane","isOpen","projects","onClose","_ref2","repoType","setIsLoading","Alert","isSubmitting","message","onSubmit"],"mappings":"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"}
+{"version":3,"file":"NeetoGithubRepositoryConnectionCard.js","sources":["../../app/javascript/src/components/NeetoGithubRepositoryConnectionCard/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { ExternalLink } from \"neetoicons\";\nimport { Github } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button, Typography, Alert, Tooltip } from \"neetoui\";\nimport { isNotNil } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport NeetoGithubNanoPane from \"components/NeetoGithubNanoPane\";\n\nconst NeetoGithubRepositoryConnectionCard = ({\n  className,\n  repositoryName,\n  installationUrl,\n  helpDocUrl = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n  isConnecting = false,\n  isConnected = false,\n  isDisconnecting = false,\n  isDisconnectingDisabled = false,\n  canManageGithubIntegration = false,\n  disconnectButtonDisabledTooltipContent,\n}) => {\n  const [isConnectRepositoryViewOpen, setIsConnectRepositoryViewOpen] =\n    useState(false);\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isRepositoryConnected = isNotNil(repositoryName);\n  const isDisabled = isRepositoryConnected && isDisconnectingDisabled;\n  const style = isRepositoryConnected ? \"secondary\" : \"primary\";\n\n  const title = isRepositoryConnected\n    ? t(\"neetoGithub.connectedRepository\")\n    : t(\"neetoGithub.connectRepository\");\n\n  const label = isRepositoryConnected\n    ? t(\"neetoGithub.disconnect\")\n    : t(\"neetoGithub.connect\");\n\n  const tooltipProps = {\n    content:\n      disconnectButtonDisabledTooltipContent ||\n      t(\"neetoGithub.disconnectingDisabled\"),\n    disabled: !isDisconnectingDisabled || !isRepositoryConnected,\n  };\n\n  const githubRepositoryUrl = repositoryName =>\n    `https://github.com/${repositoryName}`;\n\n  const renderActionBlockTooltip = () => (\n    <Tooltip {...tooltipProps}>\n      <span>\n        <Button\n          {...{ label, style }}\n          disabled={isDisabled}\n          onClick={\n            isRepositoryConnected\n              ? () => setIsDisconnectAlertOpen(true)\n              : () => setIsConnectRepositoryViewOpen(true)\n          }\n        />\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <div className={classNames(\"w-full\", className)}>\n      <CardLayout\n        {...{ title }}\n        actionBlock={canManageGithubIntegration && renderActionBlockTooltip()}\n        icon={<Github />}\n      >\n        <Typography style=\"body1\">\n          <Trans\n            values={{ repository: repositoryName }}\n            components={{\n              a: (\n                <Button\n                  href={githubRepositoryUrl(repositoryName)}\n                  icon={ExternalLink}\n                  rel=\"noreferrer\"\n                  style=\"link\"\n                  target=\"_blank\"\n                />\n              ),\n              externalLink: <ExternalLink size={20} />,\n            }}\n            i18nKey={\n              isRepositoryConnected\n                ? \"neetoGithub.repositoryConnected\"\n                : \"neetoGithub.repositoryNotConnected\"\n            }\n          />\n        </Typography>\n        {helpDocUrl && (\n          <Typography\n            className=\"neeto-ui-text-gray-800 mt-4\"\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            <Trans\n              i18nKey=\"neetoGithub.helpDocUrl\"\n              components={{\n                helpLink: (\n                  <Button href={helpDocUrl} style=\"link\" target=\"_blank\" />\n                ),\n              }}\n            />\n          </Typography>\n        )}\n      </CardLayout>\n      {canManageGithubIntegration && (\n        <>\n          <NeetoGithubNanoPane\n            {...{ installationUrl, isConnected, isConnecting }}\n            isOpen={isConnectRepositoryViewOpen}\n            projects={[{ repository: repositoryName }]}\n            title={t(\"neetoGithub.selectARepository\")}\n            onClose={() => {\n              setIsConnectRepositoryViewOpen(false);\n            }}\n            onConnect={({ repoType, repository, setIsLoading }) => {\n              onConnect(\n                { repoType, repository, setIsLoading },\n                setIsConnectRepositoryViewOpen\n              );\n            }}\n          />\n          <Alert\n            isOpen={isDisconnectAlertOpen}\n            isSubmitting={isDisconnecting}\n            message={t(\"neetoGithub.disconnectAlert.message\")}\n            title={t(\"neetoGithub.disconnectAlert.title\")}\n            onClose={() => setIsDisconnectAlertOpen(false)}\n            onSubmit={() => {\n              onDisconnect(setIsDisconnectAlertOpen);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default NeetoGithubRepositoryConnectionCard;\n"],"names":["NeetoGithubRepositoryConnectionCard","_ref","className","repositoryName","installationUrl","_ref$helpDocUrl","helpDocUrl","_ref$onConnect","onConnect","noop","_ref$onDisconnect","onDisconnect","_ref$isConnecting","isConnecting","_ref$isConnected","isConnected","_ref$isDisconnecting","isDisconnecting","_ref$isDisconnectingD","isDisconnectingDisabled","_ref$canManageGithubI","canManageGithubIntegration","disconnectButtonDisabledTooltipContent","_useState","useState","_useState2","_slicedToArray","isConnectRepositoryViewOpen","setIsConnectRepositoryViewOpen","_useState3","_useState4","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useTranslation","useTranslation","t","isRepositoryConnected","isNotNil","isDisabled","style","title","label","tooltipProps","content","disabled","githubRepositoryUrl","concat","renderActionBlockTooltip","_jsx","Tooltip","_objectSpread","children","Button","onClick","_jsxs","classNames","CardLayout","actionBlock","icon","Github","Typography","Trans","values","repository","components","a","href","ExternalLink","rel","target","externalLink","size","i18nKey","weight","helpLink","_Fragment","NeetoGithubNanoPane","isOpen","projects","onClose","_ref2","repoType","setIsLoading","Alert","isSubmitting","message","onSubmit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,mCAAmC,GAAG,SAAtCA,mCAAmCA,CAAAC,IAAA,EAanC;AAAA,EAAA,IAZJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IAAAC,eAAA,GAAAJ,IAAA,CACfK,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,eAAA;IAAAE,cAAA,GAAAN,IAAA,CACfO,SAAS;AAATA,IAAAA,UAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,cAAA;IAAAG,iBAAA,GAAAT,IAAA,CAChBU,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,MAAA,GAAGD,cAAI,GAAAC,iBAAA;IAAAE,iBAAA,GAAAX,IAAA,CACnBY,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,iBAAA;IAAAE,gBAAA,GAAAb,IAAA,CACpBc,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;IAAAE,oBAAA,GAAAf,IAAA,CACnBgB,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,oBAAA;IAAAE,qBAAA,GAAAjB,IAAA,CACvBkB,uBAAuB;AAAvBA,IAAAA,uBAAuB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAnB,IAAA,CAC/BoB,0BAA0B;AAA1BA,IAAAA,0BAA0B,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAClCE,sCAAsC,GAAArB,IAAA,CAAtCqB,sCAAsC;AAEtC,EAAA,IAAAC,SAAA,GACEC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AADVI,IAAAA,2BAA2B,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,8BAA8B,GAAAH,UAAA,CAAA,CAAA,CAAA;AAElE,EAAA,IAAAI,UAAA,GAA0DL,cAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAlEE,IAAAA,qBAAqB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,wBAAwB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEtD,EAAA,IAAAG,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMC,qBAAqB,GAAGC,cAAQ,CAAClC,cAAc,CAAC;AACtD,EAAA,IAAMmC,UAAU,GAAGF,qBAAqB,IAAIjB,uBAAuB;AACnE,EAAA,IAAMoB,KAAK,GAAGH,qBAAqB,GAAG,WAAW,GAAG,SAAS;AAE7D,EAAA,IAAMI,KAAK,GAAGJ,qBAAqB,GAC/BD,CAAC,CAAC,iCAAiC,CAAC,GACpCA,CAAC,CAAC,+BAA+B,CAAC;AAEtC,EAAA,IAAMM,KAAK,GAAGL,qBAAqB,GAC/BD,CAAC,CAAC,wBAAwB,CAAC,GAC3BA,CAAC,CAAC,qBAAqB,CAAC;AAE5B,EAAA,IAAMO,YAAY,GAAG;AACnBC,IAAAA,OAAO,EACLrB,sCAAsC,IACtCa,CAAC,CAAC,mCAAmC,CAAC;AACxCS,IAAAA,QAAQ,EAAE,CAACzB,uBAAuB,IAAI,CAACiB;GACxC;AAED,EAAA,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAG1C,cAAc,EAAA;IAAA,OAAA,qBAAA,CAAA2C,MAAA,CAClB3C,cAAc,CAAA;EAAA,CAAE;AAExC,EAAA,IAAM4C,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAA;IAAA,oBAC5BC,cAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,KAAKR,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,eACvBH,cAAA,CAAA,MAAA,EAAA;QAAAG,QAAA,eACEH,cAAA,CAACI,MAAM,EAAA;AACCX,UAAAA,KAAK,EAALA,KAAK;AAAEF,UAAAA,KAAK,EAALA,KAAK;AAClBK,UAAAA,QAAQ,EAAEN,UAAW;UACrBe,OAAO,EACLjB,qBAAqB,GACjB,YAAA;YAAA,OAAMJ,wBAAwB,CAAC,IAAI,CAAC;UAAA,CAAA,GACpC,YAAA;YAAA,OAAMJ,8BAA8B,CAAC,IAAI,CAAC;AAAA,UAAA;SAEjD;OACG;AAAC,KAAA,CACA,CAAC;EAAA,CACX;AAED,EAAA,oBACE0B,eAAA,CAAA,KAAA,EAAA;AAAKpD,IAAAA,SAAS,EAAEqD,UAAU,CAAC,QAAQ,EAAErD,SAAS,CAAE;IAAAiD,QAAA,EAAA,cAC9CG,eAAA,CAACE,UAAU,EAAA;AACHhB,MAAAA,KAAK,EAALA,KAAK;AACXiB,MAAAA,WAAW,EAAEpC,0BAA0B,IAAI0B,wBAAwB,EAAG;AACtEW,MAAAA,IAAI,eAAEV,cAAA,CAACW,MAAM,IAAE,CAAE;MAAAR,QAAA,EAAA,cAEjBH,cAAA,CAACY,UAAU,EAAA;AAACrB,QAAAA,KAAK,EAAC,OAAO;QAAAY,QAAA,eACvBH,cAAA,CAACa,kBAAK,EAAA;AACJC,UAAAA,MAAM,EAAE;AAAEC,YAAAA,UAAU,EAAE5D;WAAiB;AACvC6D,UAAAA,UAAU,EAAE;YACVC,CAAC,eACCjB,cAAA,CAACI,MAAM,EAAA;AACLc,cAAAA,IAAI,EAAErB,mBAAmB,CAAC1C,cAAc,CAAE;AAC1CuD,cAAAA,IAAI,EAAES,YAAa;AACnBC,cAAAA,GAAG,EAAC,YAAY;AAChB7B,cAAAA,KAAK,EAAC,MAAM;AACZ8B,cAAAA,MAAM,EAAC;AAAQ,aAChB,CACF;YACDC,YAAY,eAAEtB,cAAA,CAACmB,YAAY,EAAA;AAACI,cAAAA,IAAI,EAAE;aAAK;WACvC;AACFC,UAAAA,OAAO,EACLpC,qBAAqB,GACjB,iCAAiC,GACjC;SAEP;AAAC,OACQ,CAAC,EACZ9B,UAAU,iBACT0C,cAAA,CAACY,UAAU,EAAA;AACT1D,QAAAA,SAAS,EAAC,6BAA6B;AACvCqC,QAAAA,KAAK,EAAC,OAAO;AACbkC,QAAAA,MAAM,EAAC,QAAQ;QAAAtB,QAAA,eAEfH,cAAA,CAACa,kBAAK,EAAA;AACJW,UAAAA,OAAO,EAAC,wBAAwB;AAChCR,UAAAA,UAAU,EAAE;YACVU,QAAQ,eACN1B,cAAA,CAACI,MAAM,EAAA;AAACc,cAAAA,IAAI,EAAE5D,UAAW;AAACiC,cAAAA,KAAK,EAAC,MAAM;AAAC8B,cAAAA,MAAM,EAAC;aAAU;AAE5D;SACD;AAAC,OACQ,CACb;AAAA,KACS,CAAC,EACZhD,0BAA0B,iBACzBiC,eAAA,CAAAqB,mBAAA,EAAA;MAAAxB,QAAA,EAAA,cACEH,cAAA,CAAC4B,mBAAmB,EAAA;AACZxE,QAAAA,eAAe,EAAfA,eAAe;AAAEW,QAAAA,WAAW,EAAXA,WAAW;AAAEF,QAAAA,YAAY,EAAZA,YAAY;AAChDgE,QAAAA,MAAM,EAAElD,2BAA4B;AACpCmD,QAAAA,QAAQ,EAAE,CAAC;AAAEf,UAAAA,UAAU,EAAE5D;AAAe,SAAC,CAAE;AAC3CqC,QAAAA,KAAK,EAAEL,CAAC,CAAC,+BAA+B,CAAE;AAC1C4C,QAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;UACbnD,8BAA8B,CAAC,KAAK,CAAC;QACvC,CAAE;AACFpB,QAAAA,SAAS,EAAE,SAAXA,SAASA,CAAAwE,KAAA,EAA8C;AAAA,UAAA,IAAzCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;YAAElB,UAAU,GAAAiB,KAAA,CAAVjB,UAAU;YAAEmB,YAAY,GAAAF,KAAA,CAAZE,YAAY;AAC9C1E,UAAAA,UAAS,CACP;AAAEyE,YAAAA,QAAQ,EAARA,QAAQ;AAAElB,YAAAA,UAAU,EAAVA,UAAU;AAAEmB,YAAAA,YAAY,EAAZA;WAAc,EACtCtD,8BACF,CAAC;AACH,QAAA;AAAE,OACH,CAAC,eACFoB,cAAA,CAACmC,KAAK,EAAA;AACJN,QAAAA,MAAM,EAAE9C,qBAAsB;AAC9BqD,QAAAA,YAAY,EAAEnE,eAAgB;AAC9BoE,QAAAA,OAAO,EAAElD,CAAC,CAAC,qCAAqC,CAAE;AAClDK,QAAAA,KAAK,EAAEL,CAAC,CAAC,mCAAmC,CAAE;QAC9C4C,OAAO,EAAE,SAATA,OAAOA,GAAA;UAAA,OAAQ/C,wBAAwB,CAAC,KAAK,CAAC;QAAA,CAAC;AAC/CsD,QAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ;UACd3E,YAAY,CAACqB,wBAAwB,CAAC;AACxC,QAAA;AAAE,OACH,CAAC;AAAA,KACF,CACH;AAAA,GACE,CAAC;AAEV;;;;"}

package/dist/cjs/hooks.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var useGithubAccountsApi = require('../useGithubAccountsApi-BFnwW6qa.js');
+var useGithubAccountsApi = require('../useGithubAccountsApi-CBlDaBkA.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');

package/dist/cjs/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var NeetoGithubIntegrationsTable = require('./NeetoGithubIntegrationsTable.js');
-var NeetoGithubNanoContainer = require('../index-D1ob5VXc.js');
+var NeetoGithubNanoContainer = require('./NeetoGithubNanoContainer.js');
 var NeetoGithubNanoPane = require('./NeetoGithubNanoPane.js');
 var NeetoGithubRepositoryConnectionCard = require('./NeetoGithubRepositoryConnectionCard.js');
-var useGithubAccountsApi = require('../useGithubAccountsApi-BFnwW6qa.js');
+var useGithubAccountsApi = require('../useGithubAccountsApi-CBlDaBkA.js');
 require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/Header');
 require('@bigbinary/neeto-molecules/PageLoader');
@@ -35,7 +35,9 @@ require('@bigbinary/neeto-icons/Settings');
 require('@bigbinary/neeto-molecules/Search');
 require('@bigbinary/neeto-icons/Lock');
 require('@bigbinary/neeto-molecules/DateFormat');
+require('../repository-tile-fB8WFACw.js');
 require('@bigbinary/neetoui/Pane');
+require('../pane-DRsC3fwq.js');
 require('qs');
 require('@bigbinary/neeto-icons/ExternalLink');
 require('@bigbinary/neeto-molecules/CardLayout');
@@ -48,7 +50,7 @@ require('@bigbinary/neeto-commons-frontend/constants');
 
 
 exports.NeetoGithubIntegrationsTable = NeetoGithubIntegrationsTable;
-exports.NeetoGithubNanoContainer = NeetoGithubNanoContainer.NeetoGithubNanoContainer;
+exports.NeetoGithubNanoContainer = NeetoGithubNanoContainer;
 exports.NeetoGithubNanoPane = NeetoGithubNanoPane;
 exports.NeetoGithubRepositoryConnectionCard = NeetoGithubRepositoryConnectionCard;
 exports.useDestroyGithubIntegration = useGithubAccountsApi.useDestroyGithubIntegration;

package/dist/cjs/index.js.map

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

package/dist/cjs/v2/NeetoGithubIntegrationsTable.js

@@ -0,0 +1,157 @@
+'use strict';
+
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var Container = require('@bigbinary/neeto-molecules/v2/Container');
+var Header = require('@bigbinary/neeto-molecules/v2/Header');
+var PageLoader = require('@bigbinary/neeto-molecules/v2/PageLoader');
+var reactI18next = require('react-i18next');
+var useGithubAccountsApi = require('../../useGithubAccountsApi-CBlDaBkA.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
+var i18next = require('i18next');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var MoreDropdown = require('@bigbinary/neeto-molecules/v2/MoreDropdown');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getNewInstallationUrl = function getNewInstallationUrl(integratorParams, redirectPath) {
+  return utils.buildUrl("".concat(useGithubAccountsApi.NEETO_GITHUB_ENGINE_BASE_URL, "/app_installations/new"), _objectSpread$1(_objectSpread$1({}, integratorParams), {}, {
+    redirectPath: redirectPath
+  }));
+};
+var getGithubAccountsTableColumnData = function getGithubAccountsTableColumnData(_ref) {
+  var setAccountToDisconnect = _ref.setAccountToDisconnect;
+  return [{
+    id: "actions",
+    header: i18next.t("neetoGithub.account"),
+    cell: function cell(_ref2) {
+      var row = _ref2.row;
+      var account = row.original;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          children: account.accountLogin
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+          menuItems: [{
+            key: "delete",
+            label: i18next.t("neetoGithub.actions.delete"),
+            onClick: function onClick() {
+              return setAccountToDisconnect(account);
+            }
+          }]
+        })]
+      });
+    }
+  }];
+};
+
+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), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AccountsTable = function AccountsTable(_ref) {
+  var _ref$appInstallations = _ref.appInstallations,
+    appInstallations = _ref$appInstallations === void 0 ? [] : _ref$appInstallations,
+    integratorParams = _ref.integratorParams,
+    keysToPurgeOnDelete = _ref.keysToPurgeOnDelete,
+    noDataProps = _ref.noDataProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = react.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    accountToDisconnect = _useState2[0],
+    setAccountToDisconnect = _useState2[1];
+  var _useDestroyGithubInte = useGithubAccountsApi.useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {
+      onSuccess: function onSuccess() {
+        return setAccountToDisconnect({});
+      }
+    }),
+    deleteGithubAccount = _useDestroyGithubInte.mutate,
+    isDeleting = _useDestroyGithubInte.isPending;
+  if (ramda.isEmpty(appInstallations)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, _objectSpread({
+        title: t("neetoGithub.integrationTable.noIntegrationFound")
+      }, noDataProps))
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+      data: appInstallations,
+      columns: getGithubAccountsTableColumnData({
+        setAccountToDisconnect: setAccountToDisconnect
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, {
+      isOpen: neetoCist.isNotEmpty(accountToDisconnect),
+      isSubmitting: isDeleting,
+      submitButtonLabel: t("neetoGithub.disconnectGitHub"),
+      title: t("neetoGithub.integrationTable.alert.title"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoGithub.integrationTable.alert.message",
+        values: {
+          login: accountToDisconnect === null || accountToDisconnect === void 0 ? void 0 : accountToDisconnect.accountLogin
+        }
+      }),
+      onClose: function onClose() {
+        return setAccountToDisconnect({});
+      },
+      onSubmit: function onSubmit() {
+        return deleteGithubAccount(accountToDisconnect === null || accountToDisconnect === void 0 ? void 0 : accountToDisconnect.id);
+      }
+    })]
+  });
+};
+
+var NeetoGithubIntegrationsTable = function NeetoGithubIntegrationsTable(_ref) {
+  var _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    integratorParams = _ref.integratorParams,
+    redirectPath = _ref.redirectPath,
+    _ref$keysToPurgeOnDel = _ref.keysToPurgeOnDelete,
+    keysToPurgeOnDelete = _ref$keysToPurgeOnDel === void 0 ? [] : _ref$keysToPurgeOnDel,
+    _ref$titleHelpPopover = _ref.titleHelpPopoverProps,
+    titleHelpPopoverProps = _ref$titleHelpPopover === void 0 ? {} : _ref$titleHelpPopover,
+    _ref$noDataProps = _ref.noDataProps,
+    noDataProps = _ref$noDataProps === void 0 ? {} : _ref$noDataProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchGithubAppIns = useGithubAccountsApi.useFetchGithubAppInstallations(integratorParams),
+    _useFetchGithubAppIns2 = _useFetchGithubAppIns.data,
+    appInstallations = _useFetchGithubAppIns2 === void 0 ? [] : _useFetchGithubAppIns2,
+    isLoading = _useFetchGithubAppIns.isLoading;
+  var newInstallationUrl = getNewInstallationUrl(integratorParams, redirectPath);
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-screen w-screen items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      breadcrumbs: breadcrumbs,
+      titleHelpPopoverProps: titleHelpPopoverProps,
+      title: t("neetoGithub.github"),
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        href: newInstallationUrl,
+        label: t("neetoGithub.connectGithub")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(AccountsTable, {
+      appInstallations: appInstallations,
+      integratorParams: integratorParams,
+      keysToPurgeOnDelete: keysToPurgeOnDelete,
+      noDataProps: noDataProps
+    })]
+  });
+};
+
+module.exports = NeetoGithubIntegrationsTable;
+//# sourceMappingURL=NeetoGithubIntegrationsTable.js.map

package/dist/cjs/v2/NeetoGithubIntegrationsTable.js.map

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

package/dist/{index-D1ob5VXc.js → cjs/v2/NeetoGithubNanoContainer.js}

@@ -1,35 +1,41 @@
 'use strict';
 
+var neetoAtoms = require('@bigbinary/neeto-atoms');
 var classnames = require('classnames');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var Spinner = require('@bigbinary/neetoui/Spinner');
-var useGithubAccountsApi = require('./useGithubAccountsApi-BFnwW6qa.js');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var useGithubAccountsApi = require('../../useGithubAccountsApi-CBlDaBkA.js');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/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 _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
-var Search = require('@bigbinary/neeto-molecules/Search');
+var Search = require('@bigbinary/neeto-molecules/v2/Search');
 var reactI18next = require('react-i18next');
 var Lock = require('@bigbinary/neeto-icons/Lock');
-var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
+var DateFormat = require('@bigbinary/neeto-molecules/v2/DateFormat');
+require('../../repository-tile-fB8WFACw.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('ramda');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
 
 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, {
-      className: "github-icon",
       size: 20
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      style: "h4",
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      className: "text-lg font-medium",
+      variant: "h4",
       children: t("neetoGithub.github")
     })]
   });
@@ -41,13 +47,12 @@ var Configure = reactUtils.withT(function (_ref) {
     installationUrl = _ref.installationUrl;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "neeto-ui-text-gray-900 shrink-0 font-sans text-sm font-normal leading-6 antialiased",
-    children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
       href: installationUrl,
       icon: isConnected ? Settings : Plus,
       iconPosition: "left",
-      iconSize: 20,
-      size: "small",
-      style: "link",
+      size: "sm",
+      variant: "link",
       children: isConnected ? t("neetoGithub.configureAccount") : t("neetoGithub.connectAccount")
     })
   });
@@ -78,18 +83,18 @@ var List$1 = reactUtils.withT(function (_ref) {
           children: [type === "Organization" ? /*#__PURE__*/jsxRuntime.jsx(Building, {
             className: "neeto-ui-text-gray-600",
             size: 24
-          }) : /*#__PURE__*/jsxRuntime.jsx(Avatar, {
-            size: "small",
+          }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
+            size: "sm",
             user: {
               imageUrl: avatarUrl
             }
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             className: "neeto-ui-text-gray-800",
-            style: "body2",
-            children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+            variant: "body2",
+            children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
               className: "neeto-ui-text-gray-800",
               label: "@".concat(name),
-              style: "link",
+              variant: "link",
               onClick: function onClick() {
                 return window.open(profileUrl, "_blank");
               }
@@ -97,9 +102,9 @@ var List$1 = reactUtils.withT(function (_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "neeto-ui-bg-gray-800 neeto-ui-rounded-full h-1 w-1"
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           className: "neeto-ui-text-black",
-          style: "body2",
+          variant: "body2",
           children: t("neetoGithub.countOf.repos", {
             count: count
           })
@@ -144,16 +149,15 @@ var NoRepositories = reactUtils.withT(function (_ref) {
     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, {
-        style: "body2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
         children: t("neetoGithub.noReposDescription")
-      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
         href: installationUrl,
         icon: Github,
         iconPosition: "left",
         label: t("neetoGithub.connectRepository"),
-        size: "medium",
-        style: "primary"
+        variant: "default"
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs",
         children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
@@ -172,11 +176,6 @@ var NoRepositories = reactUtils.withT(function (_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 = ".connect-repo__info{width:100%}@media (min-width:768px){.connect-repo__info{width:calc(100% - 82px)}}.github-icon{flex-shrink:0}.github-icon [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvcmVwb3NpdG9yeS10aWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvQkFDRSxVQUNGLENBRUEseUJBQ0Usb0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGFBQ0UsYUFDRixDQUVBLHlDQUNFLCtCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbm5lY3QtcmVwb19faW5mbyB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLmNvbm5lY3QtcmVwb19faW5mbyB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSAtIDgycHgpO1xuICB9XG59XG5cbi5naXRodWItaWNvbiB7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4uZ2l0aHViLWljb24gW2RhdGEtZGFyay1tb2RlLWNvbG9yPVwidHJ1ZVwiXSB7XG4gIGZpbGw6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpO1xufVxuIl19 */";
-n(css,{});
-
 var RepositoryTile = function RepositoryTile(_ref) {
   var isConnecting = _ref.isConnecting,
     onConnect = _ref.onConnect,
@@ -194,30 +193,31 @@ var RepositoryTile = function RepositoryTile(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "connect-repo__row neeto-ui-border-gray-300 flex flex-col justify-between gap-3 border-b border-solid py-3 ps-3 pe-3 last:border-b-0 md:flex-row md:items-center md:ps-5",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "connect-repo__info flex items-center space-x-2",
+      className: "connect-repo__info flex min-w-0 items-center space-x-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Github, {
-        className: "github-icon",
+        className: "shrink-0",
         size: 20
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        style: "body2",
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        className: "truncate",
+        variant: "body2",
         children: fullName
       }), isPrivate && /*#__PURE__*/jsxRuntime.jsx(Lock, {
         className: "shrink-0",
         size: 16
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "hidden lg:inline-block",
+        className: "hidden shrink-0 items-center gap-2 whitespace-nowrap lg:inline-flex",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "neeto-ui-bg-gray-800 neeto-ui-rounded-full h-1 w-1"
+          className: "bg-foreground h-1 w-1 neeto-ui-rounded-full"
         }), /*#__PURE__*/jsxRuntime.jsx(DateFormat.FromNow, {
           date: updatedAt
         })]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
       className: "w-max",
       disabled: isConnecting,
       loading: isLoading,
-      style: "primary",
       type: "button",
+      variant: "default",
       onClick: function onClick() {
         return onConnect({
           repoType: "private",
@@ -239,26 +239,20 @@ var List = reactUtils.withT(function (_ref) {
     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",
+    className: "h-full overflow-y-auto px-4 pb-4 md:px-6 md:pb-6",
     children: neetoCist.isPresent(repositories) ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: classnames("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, {
-          className: "flex h-full w-full items-center justify-center",
-          style: "body2",
-          children: t("neetoGithub.noRepos")
-        })
+      className: "neeto-ui-border-gray-300 neeto-ui-rounded-md flex w-full flex-col border",
+      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(neetoAtoms.Typography, {
+        className: "flex h-full w-full items-center justify-center py-6",
+        variant: "body2",
+        children: t("neetoGithub.noRepos")
       })
     }) : /*#__PURE__*/jsxRuntime.jsx(NoRepositories, {
       installationUrl: installationUrl,
@@ -277,18 +271,17 @@ var NotConnected = function NotConnected(_ref) {
     t = _useTranslation.t;
   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, {
-      style: "body2",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      variant: "body2",
       children: t("neetoGithub.notConnectedDescription", {
         appName: initializers.globalProps.appName
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
       icon: Github,
       iconPosition: "left",
       label: t("neetoGithub.connectGithub"),
       loading: isLoading,
-      size: "medium",
-      style: "primary",
+      variant: "default",
       onClick: function onClick(event) {
         setIsLoading(true);
         var target = reactUtils.isMetaKeyPressed(event) ? "_blank" : "_self";
@@ -327,20 +320,23 @@ var Private = function Private(_ref) {
     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, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           className: "shrink-0 text-lg font-medium",
-          style: "h2",
+          variant: "h2",
           children: t("neetoGithub.connectARepo")
-        }), neetoCist.isPresent(repositories) && /*#__PURE__*/jsxRuntime.jsx(Search, {
-          onSearch: onSearch,
-          className: "w-full",
-          unlimitedChars: false,
-          suffix: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-            style: "body2",
+        }), neetoCist.isPresent(repositories) && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex w-full items-center gap-3",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Search, {
+            onSearch: onSearch,
+            className: "flex-1",
+            unlimitedChars: false
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "whitespace-nowrap neeto-ui-text-gray-700",
+            variant: "body2",
             children: t("neetoGithub.countOf.repos", {
               count: filteredRepositories.length
             })
-          })
+          })]
         })]
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex min-h-0 w-full grow flex-col space-y-6",
@@ -374,7 +370,7 @@ var Repositories = function Repositories(_ref) {
     troubleshootUrl = _ref.troubleshootUrl,
     isPane = _ref.isPane;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames("neeto-ui-rounded-md neeto-ui-border-gray-300 h-full w-full space-y-6 border border-solid", {
+    className: classnames("neeto-ui-rounded-md neeto-ui-border-gray-300 flex h-full w-full flex-col space-y-6 overflow-hidden border border-solid", {
       "order-2": isPane,
       "order-1": !isPane
     }),
@@ -422,7 +418,7 @@ var NeetoGithubNanoContainer = function NeetoGithubNanoContainer(_ref) {
   if (isLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -448,6 +444,5 @@ var NeetoGithubNanoContainer = function NeetoGithubNanoContainer(_ref) {
   });
 };
 
-exports.NeetoGithubNanoContainer = NeetoGithubNanoContainer;
-exports.n = n;
-//# sourceMappingURL=index-D1ob5VXc.js.map
+module.exports = NeetoGithubNanoContainer;
+//# sourceMappingURL=NeetoGithubNanoContainer.js.map