kyd-shared-badge 0.3.79 → 0.3.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.3.79",
+  "version": "0.3.81",
   "private": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/connect/ConnectAccounts.tsx

@@ -41,6 +41,7 @@ export function ConnectAccounts(props: ConnectAccountsProps) {
     initialProviderId,
     githubAppSlugId,
     userId,
+    inviteId,
   } = props;
 
   const router = useRouter();
@@ -164,10 +165,22 @@ export function ConnectAccounts(props: ConnectAccountsProps) {
     if (url) router.push(url);
   };
 
-  const selectedProvider = useMemo(
-    () => (selectedProviderId ? providers.find(p => p.id.toLowerCase() === selectedProviderId.toLowerCase()) : null),
-    [selectedProviderId, providers]
-  );
+  const selectedProvider = useMemo(() => {
+    if (!selectedProviderId) return null;
+    if (selectedProviderId.toLowerCase() === 'githubapp') {
+      // Special virtual provider for github app, not in providers list
+      return {
+        id: 'githubapp',
+        name: 'GitHub App',
+        connectionType: 'githubapp',
+        iconColor: 'text-gray-900',
+        placeholder: 'Install the GitHub App to connect your repositories.',
+      };
+    }
+    return providers.find(
+      (p) => p.id.toLowerCase() === selectedProviderId.toLowerCase()
+    ) || null;
+  }, [selectedProviderId, providers]);
 
   const handleConnectBack = () => {
     setSelectedProviderIdAndCallback(null);
@@ -329,7 +342,7 @@ export function ConnectAccounts(props: ConnectAccountsProps) {
                       className="w-full sm:w-auto bg-[var(--icon-accent)] text-white transition-colors font-semibold"
                       onClick={() => {
                         const opaqueState = window.crypto?.randomUUID?.() || Math.random().toString(36).substring(2);
-                        const stateObj = { opaqueState, userId, companyId };
+                        const stateObj = { opaqueState, userId, companyId, inviteId };
                         const stateString = encodeURIComponent(JSON.stringify(stateObj));
                         const redirectUrl = `https://github.com/apps/${githubAppSlugId}/installations/new?state=${stateString}`;
                         window.location.href = redirectUrl;

package/src/connect/types.ts

@@ -39,6 +39,7 @@ export interface ConnectAccountsProps {
   initialProviderId?: string;
   githubAppSlugId: string;
   userId: string;
+  inviteId?: string;
 }