@stackoverflow/backstage-plugin-stack-overflow-teams 1.6.2 → 1.6.3

package/dist/components/StackOverflow/hooks/useStackOverflowData.esm.js

@@ -0,0 +1,128 @@
+import { useState, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../../api/StackOverflowAPI.esm.js';
+
+const useStackOverflowData = (type, options) => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      let response;
+      switch (type) {
+        case "questions":
+          response = await stackOverflowTeamsApi.getQuestions(options?.questionFilters);
+          setData({
+            questions: response.items,
+            totalPages: response.totalPages,
+            totalCount: response.totalCount,
+            currentPage: response.page
+          });
+          break;
+        case "tags":
+          response = await stackOverflowTeamsApi.getTags(options?.tagSearch);
+          setData({ tags: response.items });
+          break;
+        case "users":
+          response = await stackOverflowTeamsApi.getUsers();
+          setData({ users: response.items });
+          break;
+        default:
+          throw new Error(`Invalid data type: ${type}`);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi, options?.questionFilters, options?.tagSearch]);
+  const fetchActiveQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getActiveQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  const fetchNewestQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getNewestQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  const fetchTopScoredQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getTopScoredQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  const fetchUnansweredQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getUnansweredQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  return {
+    data,
+    loading,
+    error,
+    fetchData,
+    // Convenience methods for questions
+    fetchActiveQuestions,
+    fetchNewestQuestions,
+    fetchTopScoredQuestions,
+    fetchUnansweredQuestions
+  };
+};
+
+export { useStackOverflowData };
+//# sourceMappingURL=useStackOverflowData.esm.js.map

package/dist/components/StackOverflow/hooks/useStackOverflowData.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackOverflowData.esm.js","sources":["../../../../src/components/StackOverflow/hooks/useStackOverflowData.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Question, stackoverflowteamsApiRef, Tag, User } from '../../../api/';\n\ntype PostType = 'questions' | 'tags' | 'users' \n\ninterface QuestionFilters {\n  sort?: 'activity' | 'creation' | 'score';\n  order?: 'asc' | 'desc';\n  isAnswered?: boolean;\n  page?: number;\n  pageSize?: number;\n}\n\ninterface StackOverflowData {\n  questions?: Question[];\n  tags?: Tag[];\n  users?: User[];\n  totalPages?: number;\n  totalCount?: number;\n  currentPage?: number;\n}\n\ninterface UseStackOverflowDataOptions {\n  questionFilters?: QuestionFilters;\n  tagSearch?: string;\n}\n\nexport const useStackOverflowData = (type: PostType, options?: UseStackOverflowDataOptions) => {\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const [data, setData] = useState<StackOverflowData | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchData = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    \n    try {\n      let response;\n      switch (type) {\n        case 'questions':\n          response = await stackOverflowTeamsApi.getQuestions(options?.questionFilters);\n          setData({ \n            questions: response.items,\n            totalPages: response.totalPages,\n            totalCount: response.totalCount,\n            currentPage: response.page\n          });\n          break;\n        case 'tags':\n          response = await stackOverflowTeamsApi.getTags(options?.tagSearch);\n          setData({ tags: response.items });\n          break;\n        case 'users':\n          response = await stackOverflowTeamsApi.getUsers();\n          setData({ users: response.items });\n          break;\n        default:\n          throw new Error(`Invalid data type: ${type}`);\n      }\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi, options?.questionFilters, options?.tagSearch]);\n\n  // Convenience methods for questions\n  const fetchActiveQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getActiveQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  const fetchNewestQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getNewestQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  const fetchTopScoredQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getTopScoredQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  const fetchUnansweredQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getUnansweredQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  return { \n    data, \n    loading, \n    error, \n    fetchData,\n    // Convenience methods for questions\n    fetchActiveQuestions,\n    fetchNewestQuestions, \n    fetchTopScoredQuestions,\n    fetchUnansweredQuestions\n  };\n};"],"names":[],"mappings":"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"}

package/dist/components/StackOverflow/hooks/useStackOverflowSearch.esm.js

@@ -0,0 +1,53 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../../api/StackOverflowAPI.esm.js';
+import { useState, useCallback } from 'react';
+
+const useStackOverflowSearch = () => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [searchData, setSearchData] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const search = useCallback(async (query, page) => {
+    if (!query.trim()) {
+      setSearchData(null);
+      setError(null);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.search(query, page);
+      setSearchData({
+        items: response.items,
+        totalCount: response.totalCount,
+        totalPages: response.totalPages,
+        page: response.page,
+        pageSize: response.pageSize
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+      setSearchData(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [stackOverflowTeamsApi]);
+  const clearSearch = useCallback(() => {
+    setSearchData(null);
+    setError(null);
+  }, []);
+  return {
+    searchData,
+    loading,
+    error,
+    search,
+    clearSearch,
+    // Convenience getters
+    hasResults: !!searchData?.items.length,
+    totalPages: searchData?.totalPages || 0,
+    currentPage: searchData?.page || 1,
+    totalCount: searchData?.totalCount
+  };
+};
+
+export { useStackOverflowSearch };
+//# sourceMappingURL=useStackOverflowSearch.esm.js.map

package/dist/components/StackOverflow/hooks/useStackOverflowSearch.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackOverflowSearch.esm.js","sources":["../../../../src/components/StackOverflow/hooks/useStackOverflowSearch.ts"],"sourcesContent":["import { useApi } from \"@backstage/core-plugin-api\";\nimport { stackoverflowteamsApiRef } from \"../../../api/StackOverflowAPI\";\nimport { useCallback, useState } from \"react\";\nimport { PaginatedResponse } from \"../../../types\";\n\ninterface SearchData {\n  items: any[];\n  totalCount: number;\n  totalPages: number;\n  page: number;\n  pageSize: number;\n}\n\nexport const useStackOverflowSearch = () => {\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const [searchData, setSearchData] = useState<SearchData | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const search = useCallback(async (query: string, page?: number) => {\n    if (!query.trim()) {\n      setSearchData(null);\n      setError(null);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const response: PaginatedResponse<any> = await stackOverflowTeamsApi.search(query, page);\n      setSearchData({\n        items: response.items,\n        totalCount: response.totalCount,\n        totalPages: response.totalPages,\n        page: response.page,\n        pageSize: response.pageSize,\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n      setSearchData(null);\n    } finally {\n      setLoading(false);\n    }\n  }, [stackOverflowTeamsApi]);\n\n  const clearSearch = useCallback(() => {\n    setSearchData(null);\n    setError(null);\n  }, []);\n\n  return { \n    searchData, \n    loading, \n    error, \n    search, \n    clearSearch,\n    // Convenience getters\n    hasResults: !!searchData?.items.length,\n    totalPages: searchData?.totalPages || 0,\n    currentPage: searchData?.page || 1,\n    totalCount: searchData?.totalCount,\n  };\n};"],"names":[],"mappings":";;;;AAaO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,MAAM,qBAAA,GAAwB,OAAO,wBAAwB,CAAA;AAC7D,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA4B,IAAI,CAAA;AACpE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AAErD,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,OAAO,KAAA,EAAe,IAAA,KAAkB;AACjE,IAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,EAAG;AACjB,MAAA,aAAA,CAAc,IAAI,CAAA;AAClB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,QAAA,CAAS,IAAI,CAAA;AAEb,IAAA,IAAI;AACF,MAAA,MAAM,QAAA,GAAmC,MAAM,qBAAA,CAAsB,MAAA,CAAO,OAAO,IAAI,CAAA;AACvF,MAAA,aAAA,CAAc;AAAA,QACZ,OAAO,QAAA,CAAS,KAAA;AAAA,QAChB,YAAY,QAAA,CAAS,UAAA;AAAA,QACrB,YAAY,QAAA,CAAS,UAAA;AAAA,QACrB,MAAM,QAAA,CAAS,IAAA;AAAA,QACf,UAAU,QAAA,CAAS;AAAA,OACpB,CAAA;AAAA,IACH,SAAS,CAAA,EAAG;AACV,MAAA,QAAA,CAAS,CAAA,YAAa,QAAQ,CAAA,GAAI,IAAI,MAAM,MAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AACtD,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA;AAAA,IAEA,UAAA,EAAY,CAAC,CAAC,UAAA,EAAY,KAAA,CAAM,MAAA;AAAA,IAChC,UAAA,EAAY,YAAY,UAAA,IAAc,CAAA;AAAA,IACtC,WAAA,EAAa,YAAY,IAAA,IAAQ,CAAA;AAAA,IACjC,YAAY,UAAA,EAAY;AAAA,GAC1B;AACF;;;;"}

package/dist/components/StackOverflow/hooks/useStackOverflowStyles.esm.js

@@ -0,0 +1,39 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStackOverflowStyles = makeStyles((theme) => ({
+  title: {
+    color: theme.palette.type === "dark" ? "#4CA8FF" : "#0077CC",
+    // Brighter blue in dark mode
+    fontWeight: "bold"
+  },
+  unanswered: {
+    backgroundColor: theme.palette.type === "dark" ? "#3B2D1F" : "#FFF4E5",
+    // Darker orange for dark mode
+    borderRadius: "4px",
+    padding: "4px 8px"
+  },
+  answered: {
+    backgroundColor: theme.palette.type === "dark" ? "#1E4620" : "#E3FCEF",
+    // Darker green for dark mode
+    borderRadius: "4px",
+    padding: "4px 8px"
+  },
+  button: {
+    backgroundColor: "#F48024",
+    // Stack Overflow Internal orange
+    color: "#fff",
+    "&:hover": {
+      backgroundColor: theme.palette.type === "dark" ? "#C15C17" : "#D4691E"
+    }
+  },
+  tableRow: {
+    backgroundColor: theme.palette.background.paper,
+    "&:hover": {
+      backgroundColor: theme.palette.type === "dark" ? theme.palette.action.hover : "#F5F5F5"
+      // Light gray hover effect in light mode
+    }
+  }
+}));
+
+export { useStackOverflowStyles };
+//# sourceMappingURL=useStackOverflowStyles.esm.js.map

package/dist/components/StackOverflow/hooks/useStackOverflowStyles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackOverflowStyles.esm.js","sources":["../../../../src/components/StackOverflow/hooks/useStackOverflowStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles';\n\n/**\n * Reusable styles for Stack Overflow Internal-themed components with dark mode support\n */\nexport const useStackOverflowStyles = makeStyles((theme: Theme) => ({\n  title: {\n    color: theme.palette.type === 'dark' ? '#4CA8FF' : '#0077CC', // Brighter blue in dark mode\n    fontWeight: 'bold',\n  },\n  unanswered: {\n    backgroundColor: theme.palette.type === 'dark' ? '#3B2D1F' : '#FFF4E5', // Darker orange for dark mode\n    borderRadius: '4px',\n    padding: '4px 8px',\n  },\n  answered: {\n    backgroundColor: theme.palette.type === 'dark' ? '#1E4620' : '#E3FCEF', // Darker green for dark mode\n    borderRadius: '4px',\n    padding: '4px 8px',\n  },\n  button: {\n    backgroundColor: '#F48024', // Stack Overflow Internal orange\n    color: '#fff',\n    '&:hover': {\n      backgroundColor: theme.palette.type === 'dark' ? '#C15C17' : '#D4691E',\n    },\n  },\n  tableRow: {\n    backgroundColor: theme.palette.background.paper,\n    '&:hover': {\n      backgroundColor:\n        theme.palette.type === 'dark'\n          ? theme.palette.action.hover\n          : '#F5F5F5', // Light gray hover effect in light mode\n    },\n  },\n}));\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAA,GAAyB,UAAA,CAAW,CAAC,KAAA,MAAkB;AAAA,EAClE,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,SAAA,GAAY,SAAA;AAAA;AAAA,IACnD,UAAA,EAAY;AAAA,GACd;AAAA,EACA,UAAA,EAAY;AAAA,IACV,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,SAAA,GAAY,SAAA;AAAA;AAAA,IAC7D,YAAA,EAAc,KAAA;AAAA,IACd,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,SAAA,GAAY,SAAA;AAAA;AAAA,IAC7D,YAAA,EAAc,KAAA;AAAA,IACd,OAAA,EAAS;AAAA,GACX;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,eAAA,EAAiB,SAAA;AAAA;AAAA,IACjB,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW;AAAA,MACT,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,SAAA,GAAY;AAAA;AAC/D,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,KAAA;AAAA,IAC1C,SAAA,EAAW;AAAA,MACT,eAAA,EACE,MAAM,OAAA,CAAQ,IAAA,KAAS,SACnB,KAAA,CAAM,OAAA,CAAQ,OAAO,KAAA,GACrB;AAAA;AAAA;AACR;AAEJ,CAAA,CAAE;;;;"}

package/dist/components/StackOverflowAuth/StackAuthCallback.esm.js

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import { useState, useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { StackAuthSuccess } from './StackAuthSuccess.esm.js';
+import { StackAuthLoading } from './StackAuthLoading.esm.js';
+import { StackAuthFailed } from './StackAuthFailed.esm.js';
+
+const StackOverflowCallback = () => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const location = useLocation();
+  const [status, setStatus] = useState("loading");
+  useEffect(() => {
+    const handleCallback = async () => {
+      const queryParams = new URLSearchParams(location.search);
+      const code = queryParams.get("code");
+      const state = queryParams.get("state");
+      const isLoggedIn = await stackOverflowTeamsApi.getAuthStatus();
+      if (isLoggedIn) {
+        setStatus("success");
+        return;
+      }
+      if (!code || !state) {
+        setStatus("error");
+        return;
+      }
+      try {
+        await stackOverflowTeamsApi.completeAuth(code, state);
+        setStatus("success");
+        window.history.replaceState({}, document.title, location.pathname);
+      } catch (error) {
+        setStatus("error");
+      }
+    };
+    handleCallback();
+  }, [location.pathname, location.search, stackOverflowTeamsApi]);
+  if (status === "loading") {
+    return /* @__PURE__ */ jsx(StackAuthLoading, {});
+  }
+  if (status === "success") {
+    return /* @__PURE__ */ jsx(StackAuthSuccess, {});
+  }
+  return /* @__PURE__ */ jsx(StackAuthFailed, {});
+};
+
+export { StackOverflowCallback };
+//# sourceMappingURL=StackAuthCallback.esm.js.map

package/dist/components/StackOverflowAuth/StackAuthCallback.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackAuthCallback.esm.js","sources":["../../../src/components/StackOverflowAuth/StackAuthCallback.tsx"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { stackoverflowteamsApiRef } from '../../api';\nimport { useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { StackAuthSuccess } from './StackAuthSuccess';\nimport { StackAuthLoading } from './StackAuthLoading';\nimport { StackAuthFailed } from './StackAuthFailed';\n\nexport const StackOverflowCallback = () => {\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const location = useLocation();\n  const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');\n\n  useEffect(() => {\n    const handleCallback = async () => {\n      const queryParams = new URLSearchParams(location.search);\n      const code = queryParams.get('code');\n      const state = queryParams.get('state');\n      const isLoggedIn = await stackOverflowTeamsApi.getAuthStatus();\n\n      if (isLoggedIn) {\n        setStatus('success')\n        return;\n      }\n\n      if (!code || !state) {\n        setStatus('error');\n        return;\n      }\n\n      try {\n        await stackOverflowTeamsApi.completeAuth(code, state);\n        setStatus('success');\n        window.history.replaceState({}, document.title, location.pathname);\n      } catch (error) {\n        setStatus('error');\n      }\n    };\n\n    handleCallback();\n  }, [location.pathname,location.search, stackOverflowTeamsApi]);\n\n  if (status === 'loading') {\n    return <StackAuthLoading />;\n  }\n\n  if (status === 'success') {\n    return <StackAuthSuccess />;\n  }\n\n  return <StackAuthFailed />;\n};\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,qBAAA,GAAwB,OAAO,wBAAwB,CAAA;AAC7D,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAA0C,SAAS,CAAA;AAE/E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,iBAAiB,YAAY;AACjC,MAAA,MAAM,WAAA,GAAc,IAAI,eAAA,CAAgB,QAAA,CAAS,MAAM,CAAA;AACvD,MAAA,MAAM,IAAA,GAAO,WAAA,CAAY,GAAA,CAAI,MAAM,CAAA;AACnC,MAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,GAAA,CAAI,OAAO,CAAA;AACrC,MAAA,MAAM,UAAA,GAAa,MAAM,qBAAA,CAAsB,aAAA,EAAc;AAE7D,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,SAAA,CAAU,SAAS,CAAA;AACnB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,KAAA,EAAO;AACnB,QAAA,SAAA,CAAU,OAAO,CAAA;AACjB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI;AACF,QAAA,MAAM,qBAAA,CAAsB,YAAA,CAAa,IAAA,EAAM,KAAK,CAAA;AACpD,QAAA,SAAA,CAAU,SAAS,CAAA;AACnB,QAAA,MAAA,CAAO,QAAQ,YAAA,CAAa,IAAI,QAAA,CAAS,KAAA,EAAO,SAAS,QAAQ,CAAA;AAAA,MACnE,SAAS,KAAA,EAAO;AACd,QAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACnB;AAAA,IACF,CAAA;AAEA,IAAA,cAAA,EAAe;AAAA,EACjB,GAAG,CAAC,QAAA,CAAS,UAAS,QAAA,CAAS,MAAA,EAAQ,qBAAqB,CAAC,CAAA;AAE7D,EAAA,IAAI,WAAW,SAAA,EAAW;AACxB,IAAA,2BAAQ,gBAAA,EAAA,EAAiB,CAAA;AAAA,EAC3B;AAEA,EAAA,IAAI,WAAW,SAAA,EAAW;AACxB,IAAA,2BAAQ,gBAAA,EAAA,EAAiB,CAAA;AAAA,EAC3B;AAEA,EAAA,2BAAQ,eAAA,EAAA,EAAgB,CAAA;AAC1B;;;;"}

package/dist/components/StackOverflowAuth/StackAuthFailed.esm.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Typography, Button } from '@mui/material';
+import 'react';
+import '@backstage/core-plugin-api';
+import '../../api/StackOverflowAPI.esm.js';
+import { useStackOverflowStyles } from '../StackOverflow/hooks/useStackOverflowStyles.esm.js';
+import { useNavigate } from 'react-router-dom';
+
+const StackAuthFailed = () => {
+  const classes = useStackOverflowStyles();
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100vh",
+      children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h5", sx: { color: "#FF6B6B" }, children: "Authentication Failed" }),
+        /* @__PURE__ */ jsx(Box, { mt: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "textSecondary" }, children: "Something went wrong. Please try again." }) }),
+        /* @__PURE__ */ jsx(Box, { mt: 1, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            className: classes.button,
+            onClick: () => navigate("/stack-overflow-teams"),
+            children: "Return to Stack Internal"
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export { StackAuthFailed };
+//# sourceMappingURL=StackAuthFailed.esm.js.map

package/dist/components/StackOverflowAuth/StackAuthFailed.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackAuthFailed.esm.js","sources":["../../../src/components/StackOverflowAuth/StackAuthFailed.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { Box, Typography, Button } from '@mui/material';\nimport { useStackOverflowStyles } from '../StackOverflow/hooks'; \nimport { useNavigate } from 'react-router-dom'; \n\nexport const StackAuthFailed = () => {\n  const classes = useStackOverflowStyles(); \n  const navigate = useNavigate(); \n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height=\"100vh\"\n    >\n      <Typography variant=\"h5\" sx={{ color: '#FF6B6B' }}> \n        Authentication Failed\n      </Typography>\n      <Box mt={1}>\n      <Typography variant=\"body1\"  sx={{ color: 'textSecondary' }}>\n        Something went wrong. Please try again.\n      </Typography>\n      </Box>\n      <Box mt={1}>\n      <Button\n        variant=\"contained\"\n        className={classes.button} \n       \n        onClick={() => navigate('/stack-overflow-teams')} \n      >\n        Return to Stack Internal\n      </Button>\n      </Box>\n    </Box>\n  );\n};"],"names":[],"mappings":";;;;;;;;AAKO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,sBAAA,EAAuB;AACvC,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,MAAA;AAAA,MACR,aAAA,EAAc,QAAA;AAAA,MACd,UAAA,EAAW,QAAA;AAAA,MACX,cAAA,EAAe,QAAA;AAAA,MACf,MAAA,EAAO,OAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,IAAA,EAAK,EAAA,EAAI,EAAE,KAAA,EAAO,SAAA,IAAa,QAAA,EAAA,uBAAA,EAEnD,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,CAAA,EACT,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,EAAA,EAAI,EAAE,KAAA,EAAO,eAAA,EAAgB,EAAG,qDAE7D,CAAA,EACA,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,CAAA,EACT,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,WAAA;AAAA,YACR,WAAW,OAAA,CAAQ,MAAA;AAAA,YAEnB,OAAA,EAAS,MAAM,QAAA,CAAS,uBAAuB,CAAA;AAAA,YAChD,QAAA,EAAA;AAAA;AAAA,SAED,EACA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/StackOverflowAuth/StackAuthLoading.esm.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, CircularProgress, Typography } from '@mui/material';
+
+const StackAuthLoading = () => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100vh",
+      children: [
+        /* @__PURE__ */ jsx(CircularProgress, { sx: { color: " #F48024" } }),
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", mt: 2, children: "Authenticating..." })
+      ]
+    }
+  );
+};
+
+export { StackAuthLoading };
+//# sourceMappingURL=StackAuthLoading.esm.js.map

package/dist/components/StackOverflowAuth/StackAuthLoading.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackAuthLoading.esm.js","sources":["../../../src/components/StackOverflowAuth/StackAuthLoading.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { Box, Typography, CircularProgress } from '@mui/material';\n\nexport const StackAuthLoading = () => {\n\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height=\"100vh\" // Center vertically and horizontally\n    >\n      <CircularProgress sx={{ color:' #F48024' }} />\n      <Typography variant=\"h6\" mt={2} >\n        Authenticating...\n      </Typography>\n    </Box>\n  );\n};"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,MAAM;AAEpC,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,MAAA;AAAA,MACR,aAAA,EAAc,QAAA;AAAA,MACd,UAAA,EAAW,QAAA;AAAA,MACX,cAAA,EAAe,QAAA;AAAA,MACf,MAAA,EAAO,OAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,EAAA,EAAI,EAAE,KAAA,EAAM,YAAW,EAAG,CAAA;AAAA,4BAC3C,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,EAAA,EAAI,GAAI,QAAA,EAAA,mBAAA,EAEjC;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/StackOverflowAuth/StackAuthStart.esm.js

@@ -0,0 +1,238 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import TextField from '@mui/material/TextField';
+import Paper from '@mui/material/Paper';
+import InputAdornment from '@mui/material/InputAdornment';
+import IconButton from '@mui/material/IconButton';
+import Snackbar from '@mui/material/Snackbar';
+import Alert from '@mui/material/Alert';
+import Link from '@mui/material/Link';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import { useStackOverflowStyles } from '../StackOverflow/hooks/useStackOverflowStyles.esm.js';
+import { StackOverflowIcon } from '../../icons/StackOverflowIcon.esm.js';
+
+const StackOverflowAuthStart = () => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const classes = useStackOverflowStyles();
+  const [authError, setAuthError] = useState(null);
+  const [accessToken, setAccessToken] = useState("");
+  const [showToken, setShowToken] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [tokenSuccess, setTokenSuccess] = useState(false);
+  const [teamName, setTeamName] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const fetchTeamName = async () => {
+      try {
+        setIsLoading(true);
+        const teamNameValue = await stackOverflowTeamsApi.getTeamName();
+        setTeamName(teamNameValue);
+      } catch (error) {
+        setAuthError("Failed to fetch Stack Overflow Internal instance information.");
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchTeamName();
+  }, [stackOverflowTeamsApi]);
+  const isBasicOrBusinessPlan = Boolean(teamName);
+  const handleAuth = async () => {
+    try {
+      setAuthError(null);
+      const authUrl = await stackOverflowTeamsApi.startAuth();
+      window.location.href = authUrl;
+    } catch (error) {
+      setAuthError(
+        "Something went wrong during authentication. Please try again."
+      );
+    }
+  };
+  const handleTokenSubmit = async () => {
+    if (!accessToken.trim()) {
+      setAuthError("Access token cannot be empty");
+      return;
+    }
+    setIsSubmitting(true);
+    setAuthError(null);
+    try {
+      const success = await stackOverflowTeamsApi.submitAccessToken(
+        accessToken
+      );
+      if (success) {
+        setTokenSuccess(true);
+        setAccessToken("");
+        window.location.reload();
+      } else {
+        setAuthError(
+          "Failed to validate token. Please check your token and try again."
+        );
+      }
+    } catch (error) {
+      setAuthError("Network error. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100vh",
+        children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Loading Stack Overflow Internal configuration..." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100vh",
+      bgcolor: "background.default",
+      children: [
+        /* @__PURE__ */ jsxs(
+          Paper,
+          {
+            elevation: 3,
+            sx: {
+              padding: 4,
+              width: "100%",
+              maxWidth: "500px",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(StackOverflowIcon, {}),
+              /* @__PURE__ */ jsx(Typography, { variant: "h5", gutterBottom: true, children: "Stack Internal" }),
+              !isBasicOrBusinessPlan && /* @__PURE__ */ jsxs(Box, { width: "100%", mb: 3, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body1",
+                    color: "textSecondary",
+                    align: "center",
+                    gutterBottom: true,
+                    children: "Connect with your Stack Internal Enterprise account"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { mt: 2, display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "contained",
+                    className: classes.button,
+                    onClick: handleAuth,
+                    disabled: isSubmitting,
+                    fullWidth: true,
+                    children: "Login with Stack Overflow Internal"
+                  }
+                ) })
+              ] }),
+              isBasicOrBusinessPlan && /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body1",
+                    color: "textSecondary",
+                    align: "center",
+                    gutterBottom: true,
+                    children: "Enter your Personal Access Token (PAT)"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body2",
+                    color: "textSecondary",
+                    align: "center",
+                    gutterBottom: true,
+                    children: /* @__PURE__ */ jsx(
+                      Link,
+                      {
+                        href: "https://stackoverflowteams.help/en/articles/10908790-personal-access-tokens-pats-for-api-authentication",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        color: "primary",
+                        children: "Learn how to generate a Personal Access Token"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TextField,
+                  {
+                    fullWidth: true,
+                    label: "Personal Access Token",
+                    variant: "outlined",
+                    margin: "normal",
+                    value: accessToken,
+                    onChange: (e) => setAccessToken(e.target.value),
+                    type: showToken ? "text" : "password",
+                    disabled: isSubmitting,
+                    InputProps: {
+                      endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          "aria-label": "toggle token visibility",
+                          onClick: () => setShowToken(!showToken),
+                          edge: "end",
+                          children: showToken ? /* @__PURE__ */ jsx(VisibilityOffIcon, {}) : /* @__PURE__ */ jsx(VisibilityIcon, {})
+                        }
+                      ) })
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "contained",
+                    color: "primary",
+                    fullWidth: true,
+                    onClick: handleTokenSubmit,
+                    disabled: isSubmitting || !accessToken.trim(),
+                    className: classes.button,
+                    children: isSubmitting ? "Validating..." : "Submit Token"
+                  }
+                ) })
+              ] }),
+              authError && /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "body2",
+                  color: "error",
+                  sx: { maxWidth: "100%", textAlign: "center", mt: 2 },
+                  children: authError
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Snackbar,
+          {
+            open: tokenSuccess,
+            autoHideDuration: 6e3,
+            onClose: () => setTokenSuccess(false),
+            anchorOrigin: { vertical: "bottom", horizontal: "center" },
+            children: /* @__PURE__ */ jsx(Alert, { severity: "success", variant: "filled", children: "Stack Overflow Internal token accepted successfully!" })
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { StackOverflowAuthStart };
+//# sourceMappingURL=StackAuthStart.esm.js.map