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

package/dist/api/StackOverflowAPI.esm.js

@@ -0,0 +1,125 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const stackoverflowteamsApiRef = createApiRef({
+  id: "plugin.stackoverflowteams.api"
+});
+const createStackOverflowApi = (discoveryApi, fetchApi) => {
+  const getBaseUrl = async () => discoveryApi.getBaseUrl("stack-overflow-teams");
+  const requestAPI = async (endpoint, method = "GET", body, params) => {
+    const baseUrl = await getBaseUrl();
+    const queryString = params ? `?${params.join("&")}` : "";
+    const url = `${baseUrl}/${endpoint}${queryString}`;
+    const response = await fetchApi.fetch(url, {
+      method,
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: body ? JSON.stringify(body) : void 0
+    });
+    if (!response.ok) {
+      const errorResponse = await response.json();
+      throw new Error(errorResponse.error || `Request failed: ${response.statusText}`);
+    }
+    return response.json();
+  };
+  const buildQuestionParams = (filter) => {
+    const params = [];
+    if (filter?.sort) {
+      params.push(`sort=${filter.sort}`);
+    }
+    if (filter?.order) {
+      params.push(`order=${filter.order}`);
+    }
+    if (filter?.isAnswered !== void 0) {
+      params.push(`isAnswered=${filter.isAnswered}`);
+    }
+    if (filter?.page !== void 0) {
+      params.push(`page=${filter.page}`);
+    }
+    if (filter?.pageSize !== void 0) {
+      params.push(`pageSize=${filter.pageSize}`);
+    }
+    return params;
+  };
+  return {
+    search: (query, page) => {
+      const body = { query };
+      if (page !== void 0) {
+        body.page = page;
+      }
+      return requestAPI("search", "POST", body);
+    },
+    getQuestions: (filter) => {
+      const params = buildQuestionParams(filter);
+      return requestAPI("questions", "GET", void 0, params.length > 0 ? params : void 0);
+    },
+    getTags: (search) => {
+      const params = search ? [`search=${encodeURIComponent(search)}`] : void 0;
+      return requestAPI("tags", "GET", void 0, params);
+    },
+    getUsers: () => requestAPI("users"),
+    getMe: () => requestAPI("me"),
+    getBaseUrl: async () => {
+      const response = await requestAPI("baseurl");
+      return response.SOInstance;
+    },
+    getTeamName: async () => {
+      const response = await requestAPI("baseurl");
+      return response.teamName;
+    },
+    postQuestion: (title, body, tags) => requestAPI("questions", "POST", { title, body, tags }),
+    startAuth: async () => {
+      const data = await requestAPI("auth/start");
+      return data.authUrl;
+    },
+    completeAuth: async (code, state) => {
+      await requestAPI("callback", "GET", void 0, [
+        `code=${encodeURIComponent(code)}`,
+        `state=${encodeURIComponent(state)}`
+      ]);
+    },
+    getAuthStatus: async () => {
+      try {
+        await requestAPI("authStatus");
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    logout: async () => {
+      try {
+        await requestAPI("logout", "POST");
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    submitAccessToken: async (token) => {
+      try {
+        await requestAPI("auth/token", "POST", { accessToken: token });
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    // Convenience methods for common filtering scenarios
+    getActiveQuestions: (page) => {
+      const params = buildQuestionParams({ sort: "activity", order: "desc", page });
+      return requestAPI("questions", "GET", void 0, params);
+    },
+    getNewestQuestions: (page) => {
+      const params = buildQuestionParams({ sort: "creation", order: "desc", page });
+      return requestAPI("questions", "GET", void 0, params);
+    },
+    getTopScoredQuestions: (page) => {
+      const params = buildQuestionParams({ sort: "score", order: "desc", page });
+      return requestAPI("questions", "GET", void 0, params);
+    },
+    getUnansweredQuestions: (page) => {
+      const params = buildQuestionParams({ isAnswered: false, sort: "creation", order: "desc", page });
+      return requestAPI("questions", "GET", void 0, params);
+    }
+  };
+};
+
+export { createStackOverflowApi, stackoverflowteamsApiRef };
+//# sourceMappingURL=StackOverflowAPI.esm.js.map

package/dist/api/StackOverflowAPI.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackOverflowAPI.esm.js","sources":["../../src/api/StackOverflowAPI.ts"],"sourcesContent":["import {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n} from '@backstage/core-plugin-api';\nimport { Question, Tag, User, PaginatedResponse } from '../api';\n\nexport const stackoverflowteamsApiRef = createApiRef<StackOverflowAPI>({\n  id: 'plugin.stackoverflowteams.api',\n});\n\ntype ApiResponse<T> = PaginatedResponse<T>;\n\ninterface BaseUrlResponse {\n  SOInstance: string;\n  teamName: string\n}\n\n// Enhanced interface for questions filter options\ninterface QuestionsFilter {\n  sort?: 'activity' | 'creation' | 'score';\n  order?: 'asc' | 'desc';\n  isAnswered?: boolean;\n  page?: number;\n  pageSize?: number;\n}\n\nexport interface StackOverflowAPI {\n  search(query: string, page?: number): Promise<any>;\n  getQuestions(filter?: QuestionsFilter): Promise<ApiResponse<Question>>;\n  getTags(search?: string): Promise<ApiResponse<Tag>>;\n  getUsers(): Promise<ApiResponse<User>>;\n  getMe(): Promise<User>;\n  getBaseUrl(): Promise<string>;\n  getTeamName(): Promise<string>;\n  postQuestion(title: string, body: string, tags: string[]): Promise<Question>;\n  startAuth(): Promise<string>;\n  completeAuth(code: string, state: string): Promise<void>;\n  getAuthStatus: () => Promise<boolean>;\n  logout: () => Promise<boolean>;\n  submitAccessToken: (token: string) => Promise<boolean>;\n  \n  // Convenience methods for common filtering scenarios\n  getActiveQuestions(page?: number): Promise<ApiResponse<Question>>;\n  getNewestQuestions(page?: number): Promise<ApiResponse<Question>>;\n  getTopScoredQuestions(page?: number): Promise<ApiResponse<Question>>;\n  getUnansweredQuestions(page?: number): Promise<ApiResponse<Question>>;\n}\n\nexport const createStackOverflowApi = (\n  discoveryApi: DiscoveryApi,\n  fetchApi: FetchApi,\n): StackOverflowAPI => {\n  const getBaseUrl = async () => discoveryApi.getBaseUrl('stack-overflow-teams');\n\n  const requestAPI = async <T>(\n    endpoint: string,\n    method: 'GET' | 'POST' = 'GET',\n    body?: Record<string, unknown>,\n    params?: string[],\n  ): Promise<T> => {\n    const baseUrl = await getBaseUrl();\n    const queryString = params ? `?${params.join('&')}` : '';\n    const url = `${baseUrl}/${endpoint}${queryString}`;\n    \n    const response = await fetchApi.fetch(url, {\n      method,\n      credentials: 'include',\n      headers: { 'Content-Type': 'application/json' },\n      body: body ? JSON.stringify(body) : undefined,\n    });\n\n    if (!response.ok) {\n      const errorResponse = await response.json();\n      throw new Error(errorResponse.error || `Request failed: ${response.statusText}`);\n    }\n\n    return response.json();\n  };\n\n  const buildQuestionParams = (filter?: QuestionsFilter): string[] => {\n    const params: string[] = [];\n    \n    if (filter?.sort) {\n      params.push(`sort=${filter.sort}`);\n    }\n    \n    if (filter?.order) {\n      params.push(`order=${filter.order}`);\n    }\n    \n    if (filter?.isAnswered !== undefined) {\n      params.push(`isAnswered=${filter.isAnswered}`);\n    }\n    \n    if (filter?.page !== undefined) {\n      params.push(`page=${filter.page}`);\n    }\n    \n    if (filter?.pageSize !== undefined) {\n      params.push(`pageSize=${filter.pageSize}`);\n    }\n    \n    return params;\n  };\n\n  return {\n    search: (query: string, page?: number) => {\n      const body: { query: string; page?: number } = { query };\n      if (page !== undefined) {\n        body.page = page;\n      }\n      return requestAPI<any>('search', 'POST', body);\n    },\n    getQuestions: (filter?: QuestionsFilter) => {\n      const params = buildQuestionParams(filter);\n      return requestAPI<ApiResponse<Question>>('questions', 'GET', undefined, params.length > 0 ? params : undefined);\n    },\n    getTags: (search?: string) => {\n      const params = search ? [`search=${encodeURIComponent(search)}`] : undefined;\n      return requestAPI<ApiResponse<Tag>>('tags', 'GET', undefined, params);\n    },\n    getUsers: () => requestAPI<ApiResponse<User>>('users'),\n    getMe: () => requestAPI<User>('me'),\n    getBaseUrl: async () => {\n      const response = await requestAPI<BaseUrlResponse>('baseurl');\n      return response.SOInstance;\n    },\n    getTeamName: async () => {\n      const response = await requestAPI<BaseUrlResponse>('baseurl')\n      return response.teamName\n    },\n    postQuestion: (title: string, body: string, tags: string[]) =>\n      requestAPI<Question>('questions', 'POST', { title, body, tags }),\n    startAuth: async () => {\n      const data = await requestAPI<{ authUrl: string }>('auth/start');\n      return data.authUrl;\n    },\n    completeAuth: async (code: string, state: string) => {\n      await requestAPI('callback', 'GET', undefined, [\n        `code=${encodeURIComponent(code)}`,\n        `state=${encodeURIComponent(state)}`,\n      ]);\n    },\n    getAuthStatus: async (): Promise<boolean> => {\n      try {\n        await requestAPI('authStatus');\n        return true;\n      } catch {\n        return false;\n      }\n    },\n    logout: async (): Promise<boolean> => {\n      try {\n        await requestAPI('logout', 'POST');\n        return true;\n      } catch {\n        return false;\n      }\n    },\n    submitAccessToken: async (token: string): Promise<boolean> => {\n      try {\n        await requestAPI('auth/token', 'POST', { accessToken: token });\n        return true;\n      } catch {\n        return false;\n      }\n    },\n\n    // Convenience methods for common filtering scenarios\n    getActiveQuestions: (page?: number) => {\n      const params = buildQuestionParams({ sort: 'activity', order: 'desc', page });\n      return requestAPI<ApiResponse<Question>>('questions', 'GET', undefined, params);\n    },\n\n    getNewestQuestions: (page?: number) => {\n      const params = buildQuestionParams({ sort: 'creation', order: 'desc', page });\n      return requestAPI<ApiResponse<Question>>('questions', 'GET', undefined, params);\n    },\n\n    getTopScoredQuestions: (page?: number) => {\n      const params = buildQuestionParams({ sort: 'score', order: 'desc', page });\n      return requestAPI<ApiResponse<Question>>('questions', 'GET', undefined, params);\n    },\n\n    getUnansweredQuestions: (page?: number) => {\n      const params = buildQuestionParams({ isAnswered: false, sort: 'creation', order: 'desc', page });\n      return requestAPI<ApiResponse<Question>>('questions', 'GET', undefined, params);\n    },\n  };\n};"],"names":[],"mappings":"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"}

package/dist/components/StackOverflow/StackOverflowMe.esm.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import { useState, useEffect } from 'react';
+import { Box, CircularProgress, Typography, Card, IconButton, CardContent, Avatar, Chip, Link } from '@mui/material';
+import { LogoutIcon } from '../../icons/LogoutIcon.esm.js';
+
+const StackOverflowMe = () => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const logout = async () => {
+    try {
+      const success = await stackOverflowTeamsApi.logout();
+      if (success) {
+        window.location.reload();
+      } else {
+        throw new Error("Logout failed.");
+      }
+    } catch (error2) {
+      throw new Error("Error during logout:", error2);
+    }
+  };
+  const [userData, setUserData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchMe = async () => {
+      try {
+        const data = await stackOverflowTeamsApi.getMe();
+        setUserData(data);
+      } catch (err) {
+        setError("Failed to load user data");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchMe();
+  }, [stackOverflowTeamsApi]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        children: /* @__PURE__ */ jsx(CircularProgress, { color: "primary" })
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        children: /* @__PURE__ */ jsx(Typography, { color: "error", children: error })
+      }
+    );
+  }
+  if (!userData) return null;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "100%",
+      children: /* @__PURE__ */ jsxs(
+        Card,
+        {
+          variant: "outlined",
+          sx: {
+            p: 3,
+            position: "relative",
+            boxShadow: 3
+          },
+          children: [
+            /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: 8, right: 8 }, children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: logout,
+                children: /* @__PURE__ */ jsx(LogoutIcon, {})
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(CardContent, { sx: { textAlign: "center" }, children: [
+              /* @__PURE__ */ jsx(Avatar, { src: userData.avatarUrl, sx: { mx: "auto", mb: 2 } }),
+              /* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: "bold", gutterBottom: true, children: userData.name }),
+              /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "center", gap: 1, mb: 1, children: [
+                /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: `Reputation: ${userData.reputation}`,
+                    size: "small",
+                    color: "primary"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Chip, { label: userData.role, size: "small", variant: "outlined" })
+              ] }),
+              userData.jobTitle && /* @__PURE__ */ jsxs(Typography, { variant: "body2", fontWeight: "500", mt: 1, children: [
+                "Position: ",
+                userData.jobTitle
+              ] }),
+              /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: userData.webUrl,
+                  target: "_blank",
+                  rel: "noopener",
+                  color: "primary",
+                  sx: { display: "block", mt: 2, fontWeight: "bold" },
+                  children: "View Profile"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+
+export { StackOverflowMe };
+//# sourceMappingURL=StackOverflowMe.esm.js.map

package/dist/components/StackOverflow/StackOverflowMe.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackOverflowMe.esm.js","sources":["../../../src/components/StackOverflow/StackOverflowMe.tsx"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { stackoverflowteamsApiRef, User } from '../../api';\nimport { useEffect, useState } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport {\n  Box,\n  Avatar,\n  Typography,\n  Card,\n  CardContent,\n  Link,\n  CircularProgress,\n  Chip,\n  IconButton,\n} from '@mui/material';\nimport { LogoutIcon } from '../../icons';\n\nexport const StackOverflowMe = () => {\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const logout = async () => {\n    try {\n      const success = await stackOverflowTeamsApi.logout();\n      if (success) {\n        window.location.reload();\n      } else {\n        throw new Error('Logout failed.');\n      }\n    } catch (error:any) {\n      throw new Error('Error during logout:', error);\n    }\n  };\n\n  const [userData, setUserData] = useState<User | null>(null);\n  const [loading, setLoading] = useState<Boolean>(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchMe = async () => {\n      try {\n        const data = await stackOverflowTeamsApi.getMe();\n        setUserData(data);\n      } catch (err) {\n        setError('Failed to load user data');\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchMe();\n  }, [stackOverflowTeamsApi]);\n\n  if (loading) {\n    return (\n      <Box\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        width=\"100%\"\n      >\n        <CircularProgress color=\"primary\" />\n      </Box>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        width=\"100%\"\n      >\n        <Typography color=\"error\">{error}</Typography>\n      </Box>\n    );\n  }\n\n  if (!userData) return null;\n\n  return (\n    <Box\n      display=\"flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      width=\"100%\"\n    >\n      <Card\n        variant=\"outlined\"\n        sx={{\n          p: 3,\n          position: 'relative',\n          boxShadow: 3,\n        }}\n      >\n        {/* Logout Button */}\n        <Box sx={{ position: 'absolute', top: 8, right: 8 }}>\n        <IconButton\n          \n          onClick={logout}\n        >\n          <LogoutIcon />\n        </IconButton>\n        </Box>\n        <CardContent sx={{ textAlign: 'center' }}>\n          {/* Avatar */}\n          <Avatar src={userData.avatarUrl} sx={{ mx: 'auto', mb: 2 }} />\n\n          {/* User Details */}\n          <Typography variant=\"h6\" fontWeight=\"bold\" gutterBottom>\n            {userData.name}\n          </Typography>\n\n          <Box display=\"flex\" justifyContent=\"center\" gap={1} mb={1}>\n            <Chip\n              label={`Reputation: ${userData.reputation}`}\n              size=\"small\"\n              color=\"primary\"\n            />\n            <Chip label={userData.role} size=\"small\" variant=\"outlined\" />\n          </Box>\n\n          {userData.jobTitle && (\n            <Typography variant=\"body2\" fontWeight=\"500\" mt={1}>\n              Position: {userData.jobTitle}\n            </Typography>\n          )}\n\n          {/* Profile Link */}\n          <Link\n            href={userData.webUrl}\n            target=\"_blank\"\n            rel=\"noopener\"\n            color=\"primary\"\n            sx={{ display: 'block', mt: 2, fontWeight: 'bold' }}\n          >\n            View Profile\n          </Link>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["error"],"mappings":";;;;;;;AAiBO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,qBAAA,GAAwB,OAAO,wBAAwB,CAAA;AAC7D,EAAA,MAAM,SAAS,YAAY;AACzB,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GAAU,MAAM,qBAAA,CAAsB,MAAA,EAAO;AACnD,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,MAAA,CAAO,SAAS,MAAA,EAAO;AAAA,MACzB,CAAA,MAAO;AACL,QAAA,MAAM,IAAI,MAAM,gBAAgB,CAAA;AAAA,MAClC;AAAA,IACF,SAASA,MAAAA,EAAW;AAClB,MAAA,MAAM,IAAI,KAAA,CAAM,sBAAA,EAAwBA,MAAK,CAAA;AAAA,IAC/C;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAsB,IAAI,CAAA;AAC1D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,IAAI,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,YAAY;AAC1B,MAAA,IAAI;AACF,QAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,CAAsB,KAAA,EAAM;AAC/C,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,MAClB,SAAS,GAAA,EAAK;AACZ,QAAA,QAAA,CAAS,0BAA0B,CAAA;AAAA,MACrC,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,OAAA,EAAQ;AAAA,EACV,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,MAAA;AAAA,QACR,cAAA,EAAe,QAAA;AAAA,QACf,UAAA,EAAW,QAAA;AAAA,QACX,KAAA,EAAM,MAAA;AAAA,QAEN,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SAAA,EAAU;AAAA;AAAA,KACpC;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,MAAA;AAAA,QACR,cAAA,EAAe,QAAA;AAAA,QACf,UAAA,EAAW,QAAA;AAAA,QACX,KAAA,EAAM,MAAA;AAAA,QAEN,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,OAAA,EAAS,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA,KACnC;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,MAAA;AAAA,MACR,cAAA,EAAe,QAAA;AAAA,MACf,UAAA,EAAW,QAAA;AAAA,MACX,KAAA,EAAM,MAAA;AAAA,MAEN,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,UAAA;AAAA,UACR,EAAA,EAAI;AAAA,YACF,CAAA,EAAG,CAAA;AAAA,YACH,QAAA,EAAU,UAAA;AAAA,YACV,SAAA,EAAW;AAAA,WACb;AAAA,UAGA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAI,EAAE,QAAA,EAAU,YAAY,GAAA,EAAK,CAAA,EAAG,KAAA,EAAO,CAAA,EAAE,EAClD,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBAEC,OAAA,EAAS,MAAA;AAAA,gBAET,8BAAC,UAAA,EAAA,EAAW;AAAA;AAAA,aACd,EACA,CAAA;AAAA,iCACC,WAAA,EAAA,EAAY,EAAA,EAAI,EAAE,SAAA,EAAW,UAAS,EAErC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,GAAA,EAAK,QAAA,CAAS,SAAA,EAAW,EAAA,EAAI,EAAE,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,CAAA,EAAE,EAAG,CAAA;AAAA,8BAG5D,GAAA,CAAC,cAAW,OAAA,EAAQ,IAAA,EAAK,YAAW,MAAA,EAAO,YAAA,EAAY,IAAA,EACpD,QAAA,EAAA,QAAA,CAAS,IAAA,EACZ,CAAA;AAAA,8BAEA,IAAA,CAAC,OAAI,OAAA,EAAQ,MAAA,EAAO,gBAAe,QAAA,EAAS,GAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EACtD,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAO,CAAA,YAAA,EAAe,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,oBACzC,IAAA,EAAK,OAAA;AAAA,oBACL,KAAA,EAAM;AAAA;AAAA,iBACR;AAAA,gCACA,GAAA,CAAC,QAAK,KAAA,EAAO,QAAA,CAAS,MAAM,IAAA,EAAK,OAAA,EAAQ,SAAQ,UAAA,EAAW;AAAA,eAAA,EAC9D,CAAA;AAAA,cAEC,QAAA,CAAS,4BACR,IAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAAQ,UAAA,EAAW,KAAA,EAAM,EAAA,EAAI,CAAA,EAAG,QAAA,EAAA;AAAA,gBAAA,YAAA;AAAA,gBACvC,QAAA,CAAS;AAAA,eAAA,EACtB,CAAA;AAAA,8BAIF,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,MAAM,QAAA,CAAS,MAAA;AAAA,kBACf,MAAA,EAAO,QAAA;AAAA,kBACP,GAAA,EAAI,UAAA;AAAA,kBACJ,KAAA,EAAM,SAAA;AAAA,kBACN,IAAI,EAAE,OAAA,EAAS,SAAS,EAAA,EAAI,CAAA,EAAG,YAAY,MAAA,EAAO;AAAA,kBACnD,QAAA,EAAA;AAAA;AAAA;AAED,aAAA,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}