@schemavaults/auth-ui 0.5.44

package/README.md

@@ -0,0 +1,27 @@
+# @schemavaults/auth-ui
+
+## About
+
+UI components for interacting with the [SchemaVaults Auth Platform](https://auth.schemavaults.com).
+
+## Install dependencies
+
+Use the [Bun](https://bun.sh) package manager:
+```bash
+bun install
+```
+
+## Build package
+```bash
+bun run build
+```
+
+## Usage
+
+### TailwindCSS Set-up
+
+This package uses the [@schemavaults/ui](https://github.com/schemavaults/ui) and [@schemavaults/theme](https://github.com/schemavaults/theme) packages to render TailwindCSS-styled React.js components. Ensure that you are using `@schemavaults/theme` to build an appropriate Tailwind config that loads the TailwindCSS `className`'s used in this `@schemavaults/auth-ui` package.
+
+## GitHub Repository
+
+This package's source code is hosted on GitHub: [https://github.com/schemavaults/auth-ui](https://github.com/schemavaults/auth-ui)

package/dist/components/AccountCard/account_card.d.ts

@@ -0,0 +1,15 @@
+import type { PropsWithChildren, ReactElement, ReactNode } from "react";
+import type { UserData } from "@schemavaults/auth-react-provider";
+import { type SchemaVaultsAppEnvironment } from "@schemavaults/app-definitions";
+export interface AccountDetailsCardProps {
+    cardClassName?: string;
+    redirect: (url: string) => Promise<void>;
+    isAuthServerAccountPage?: boolean;
+    Link: ({ href, children }: PropsWithChildren<{
+        href: string;
+    }>) => ReactNode;
+    isAdmin: boolean;
+    appEnvironment: SchemaVaultsAppEnvironment;
+    user: UserData | null;
+}
+export declare function AccountDetailsCard(props: AccountDetailsCardProps): ReactElement;

package/dist/components/AccountCard/account_card.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, KeyValueWithSkeleton, cn, } from "@schemavaults/ui";
+import SignOutButton from "../SignOutButton";
+import ViewFullUserProfileButton from "./view_full_user_profile";
+import ViewAdminDashboardButton from "./view_admin_page_link";
+import { getHardcodedClientWebAppDomain, SCHEMAVAULTS_AUTH_APP_DEFINITION, } from "@schemavaults/app-definitions";
+export function AccountDetailsCard(props) {
+    const currentUser = props.user;
+    const auth_server_uri = getHardcodedClientWebAppDomain(SCHEMAVAULTS_AUTH_APP_DEFINITION.app_id, props.appEnvironment);
+    const cardClassName = cn("w-full", props.cardClassName);
+    const showLinkToAuthServerAccountPage = !props.isAuthServerAccountPage;
+    return (_jsxs(Card, { className: cardClassName, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Account Details" }), _jsx(CardDescription, { children: "View and manage your SchemaVaults account." })] }), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col items-start justify-start", children: [_jsx(KeyValueWithSkeleton, { label: "User ID", value: currentUser?.uid }), _jsx(KeyValueWithSkeleton, { label: "Email", value: currentUser?.email })] }) }), _jsx(CardFooter, { children: _jsxs("div", { className: "flex flex-row items-start justify-start flex-wrap gap-2", children: [_jsx(SignOutButton, { Link: props.Link }), showLinkToAuthServerAccountPage && (_jsx(ViewFullUserProfileButton, { navigate: async () => {
+                                const accountUrl = `${auth_server_uri}/account`;
+                                await props.redirect(accountUrl);
+                            } })), _jsx(ViewAdminDashboardButton, { navigate: async () => {
+                                const accountUrl = `${auth_server_uri}/admin`;
+                                await props.redirect(accountUrl);
+                            }, admin: props.isAdmin })] }) })] }));
+}
+//# sourceMappingURL=account_card.js.map

package/dist/components/AccountCard/account_card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account_card.js","sourceRoot":"","sources":["../../../src/components/AccountCard/account_card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,EAAE,GACH,MAAM,kBAAkB,CAAC;AAE1B,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,yBAAyB,MAAM,0BAA0B,CAAC;AACjE,OAAO,wBAAwB,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,8BAA8B,EAC9B,gCAAgC,GAEjC,MAAM,+BAA+B,CAAC;AAYvC,MAAM,UAAU,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;IAE/B,MAAM,eAAe,GAAW,8BAA8B,CAC5D,gCAAgC,CAAC,MAAM,EACvC,KAAK,CAAC,cAAc,CACrB,CAAC;IAEF,MAAM,aAAa,GAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,+BAA+B,GACnC,CAAC,KAAK,CAAC,uBAAuB,CAAC;IAEjC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,aAAa,aAC5B,MAAC,UAAU,eACT,KAAC,SAAS,kCAA4B,EACtC,KAAC,eAAe,6DAEE,IACP,EACb,KAAC,WAAW,cACV,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,oBAAoB,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,WAAW,EAAE,GAAG,GAAI,EACjE,KAAC,oBAAoB,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,GAAI,IAC7D,GACM,EACd,KAAC,UAAU,cACT,eAAK,SAAS,EAAC,yDAAyD,aACtE,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EAClC,+BAA+B,IAAI,CAClC,KAAC,yBAAyB,IACxB,QAAQ,EAAE,KAAK,IAAI,EAAE;gCACnB,MAAM,UAAU,GACd,GAAG,eAAe,UAAoC,CAAC;gCACzD,MAAM,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;4BACnC,CAAC,GACD,CACH,EACD,KAAC,wBAAwB,IACvB,QAAQ,EAAE,KAAK,IAAI,EAAE;gCACnB,MAAM,UAAU,GAAG,GAAG,eAAe,QAAiB,CAAC;gCACvD,MAAM,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;4BACnC,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,OAAO,GACpB,IACE,GACK,IACR,CACR,CAAC;AACJ,CAAC"}

package/dist/components/AccountCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './account_card';
+export type * from './account_card';

package/dist/components/AccountCard/index.js

@@ -0,0 +1,2 @@
+export * from './account_card';
+//# sourceMappingURL=index.js.map

package/dist/components/AccountCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccountCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/AccountCard/view_admin_page_link.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export interface ViewAdminDashboardButtonProps {
+    navigate: () => Promise<void>;
+    admin: boolean;
+}
+export declare function ViewAdminDashboardButton({ navigate, admin, }: ViewAdminDashboardButtonProps): ReactNode;
+export default ViewAdminDashboardButton;

package/dist/components/AccountCard/view_admin_page_link.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, useToast } from "@schemavaults/ui";
+import { SlidersHorizontal } from "lucide-react";
+import { useTransition } from "react";
+export function ViewAdminDashboardButton({ navigate, admin, }) {
+    const { toast } = useToast();
+    const [navigating, startNavigating] = useTransition();
+    if (!admin) {
+        return null;
+    }
+    return (_jsx(Button, { id: "view-admin-dashboard-link", className: "gap-2 flex", variant: "destructive", disabled: navigating, onClick: () => {
+            startNavigating(async () => {
+                try {
+                    await navigate();
+                }
+                catch (e) {
+                    console.error("Failed to navigate to admin dashboard: ", e);
+                    toast({
+                        variant: "destructive",
+                        title: "Failed to navigate to admin dashboard!",
+                    });
+                }
+            });
+        }, children: _jsxs("span", { className: "flex flex-row justify-start items-center", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4 mr-2" }, "admin-page-icon"), " ", "Admin dashboard"] }) }));
+}
+export default ViewAdminDashboardButton;
+//# sourceMappingURL=view_admin_page_link.js.map

package/dist/components/AccountCard/view_admin_page_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view_admin_page_link.js","sourceRoot":"","sources":["../../../src/components/AccountCard/view_admin_page_link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtD,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAK,GACyB;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,CAAC;IAEtD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,EAAE,EAAE,2BAA2B,EAC/B,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,CAAC,KAAK,IAAmB,EAAE;gBACxC,IAAI,CAAC;oBACH,MAAM,QAAQ,EAAE,CAAC;gBACnB,CAAC;gBAAC,OAAO,CAAU,EAAE,CAAC;oBACpB,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,CAAC,CAAC,CAAC;oBAC5D,KAAK,CAAC;wBACJ,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,wCAAwC;qBAChD,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,YAED,gBAAM,SAAS,EAAC,0CAA0C,aACxD,KAAC,iBAAiB,IAAC,SAAS,EAAC,cAAc,IAAK,iBAAiB,CAAG,EAAC,GAAG,uBAEnE,GACA,CACV,CAAC;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/components/AccountCard/view_full_user_profile.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from "react";
+export interface ViewFullUserProfileButtonProps {
+    navigate: () => Promise<void>;
+}
+export declare function ViewFullUserProfileButton({ navigate }: ViewFullUserProfileButtonProps): ReactElement;
+export default ViewFullUserProfileButton;

package/dist/components/AccountCard/view_full_user_profile.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, useToast } from "@schemavaults/ui";
+import { Loader2, SlidersHorizontal } from "lucide-react";
+import { useTransition } from "react";
+export function ViewFullUserProfileButton({ navigate }) {
+    const [navigating, startNavigating] = useTransition();
+    const { toast } = useToast();
+    return (_jsx(Button, { onClick: () => {
+            startNavigating(async () => {
+                try {
+                    await navigate();
+                }
+                catch (e) {
+                    console.error(e);
+                    toast({
+                        variant: 'destructive',
+                        title: "Error navigating to page"
+                    });
+                }
+            });
+        }, className: "gap-2 flex", disabled: navigating, children: navigating ? (_jsxs("span", { className: "flex flex-row justify-start items-center", children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }, "loader"), " Navigating..."] })) : (_jsxs("span", { className: "flex flex-row justify-start items-center", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4 mr-2" }, "full-profile-account-icon"), " View authentication dashboard"] })) }));
+}
+export default ViewFullUserProfileButton;
+//# sourceMappingURL=view_full_user_profile.js.map

package/dist/components/AccountCard/view_full_user_profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view_full_user_profile.js","sourceRoot":"","sources":["../../../src/components/AccountCard/view_full_user_profile.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAMzD,MAAM,UAAU,yBAAyB,CAAC,EAAE,QAAQ,EAAkC;IACpF,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,CAAC;IACtD,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,CAAC,KAAK,IAAmB,EAAE;gBACxC,IAAI,CAAC;oBACH,MAAM,QAAQ,EAAE,CAAC;gBACnB,CAAC;gBAAC,OAAO,CAAU,EAAE,CAAC;oBACpB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBACjB,KAAK,CAAC;wBACJ,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,0BAA0B;qBAClC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EACD,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,UAAU,YAGlB,UAAU,CAAC,CAAC,CAAC,CACX,gBAAM,SAAS,EAAC,0CAA0C,aACxD,KAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B,IAAK,QAAQ,CAAG,sBACzD,CACR,CAAC,CAAC,CAAC,CACF,gBAAM,SAAS,EAAC,0CAA0C,aACxD,KAAC,iBAAiB,IAAC,SAAS,EAAC,cAAc,IAAK,2BAA2B,CAAG,sCACzE,CACR,GAEI,CACV,CAAC;AACJ,CAAC;AAED,eAAe,yBAAyB,CAAC"}

package/dist/components/ApiServersCard/api_servers_card.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+import type { ListApiServersQueryType } from "@schemavaults/app-definitions";
+export interface ApiServersCardProps {
+    cardTitle?: string;
+    cardDescription?: string;
+    cardClassName?: string;
+    queryType: ListApiServersQueryType;
+}
+export declare function ApiServersCard(props: ApiServersCardProps): ReactElement;

package/dist/components/ApiServersCard/api_servers_card.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cn, } from "@schemavaults/ui";
+import { ApiServersTable } from "../ApiServersTable";
+export function ApiServersCard(props) {
+    const cardTitle = props.cardTitle ?? "API Servers";
+    const cardDescription = props.cardDescription ??
+        "View and manage backend API servers accessible from client applications.";
+    const cardClassName = cn("w-full", props.cardClassName);
+    return (_jsxs(Card, { className: cardClassName, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: cardTitle }), _jsx(CardDescription, { children: cardDescription })] }), _jsx(CardContent, { children: _jsx(ApiServersTable, { queryType: props.queryType }) }), _jsx(CardFooter, { children: _jsx("div", { className: "flex flex-row items-start justify-start gap-2" }) })] }));
+}
+//# sourceMappingURL=api_servers_card.js.map

package/dist/components/ApiServersCard/api_servers_card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api_servers_card.js","sourceRoot":"","sources":["../../../src/components/ApiServersCard/api_servers_card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,GACH,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAS/D,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,aAAa,CAAC;IACnD,MAAM,eAAe,GACnB,KAAK,CAAC,eAAe;QACrB,0EAA0E,CAAC;IAE7E,MAAM,aAAa,GAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAEhE,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,aAAa,aAC5B,MAAC,UAAU,eACT,KAAC,SAAS,cAAE,SAAS,GAAa,EAClC,KAAC,eAAe,cAAE,eAAe,GAAmB,IACzC,EACb,KAAC,WAAW,cACV,KAAC,eAAe,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,GACnC,EACd,KAAC,UAAU,cACT,cAAK,SAAS,EAAC,+CAA+C,GAAO,GAC1D,IACR,CACR,CAAC;AACJ,CAAC"}

package/dist/components/ApiServersCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './api_servers_card';
+export type * from './api_servers_card';

package/dist/components/ApiServersCard/index.js

@@ -0,0 +1,2 @@
+export * from './api_servers_card';
+//# sourceMappingURL=index.js.map

package/dist/components/ApiServersCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ApiServersCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/ApiServersTable/ApiServersTable.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { ListApiServersQueryType } from "@schemavaults/app-definitions";
+export interface ApiServersDatatableProps {
+    queryType: ListApiServersQueryType;
+}
+export declare function ApiServersTable({ queryType }: ApiServersDatatableProps): ReactElement;
+export default ApiServersTable;

package/dist/components/ApiServersTable/ApiServersTable.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useToast } from "@schemavaults/ui";
+import { Datatable } from "@schemavaults/ui";
+import { columns } from "./columns";
+import { Loader2 } from "lucide-react";
+import { clearUseApiServersCache, useApiServersList } from "./useApiServersList";
+import { CreateApiServerDialog } from "../CreateApiServerDialog";
+import { ConnectAppToApiDialog } from "../ConnectAppToApiDialog";
+export function ApiServersTable({ queryType }) {
+    const { toast } = useToast();
+    const apis = useApiServersList({ toast, queryType });
+    const { isLoading, data } = apis;
+    if (!data && isLoading) {
+        return (_jsx("div", { className: "min-h-48 w-full flex items-center justify-center", children: _jsx(Loader2, { className: "h-12 w-12 animate-spin" }) }));
+    }
+    return (_jsx(Datatable, { data: data ? (data.length > 0 ? data : []) : [], columns: columns, initialVisibleColumns: {
+            actions: true,
+            select: true,
+            api_server_id: false,
+            api_server_name: true,
+            api_server_description: true,
+        }, HeaderButtons: () => {
+            return (_jsxs(_Fragment, { children: [queryType === 'all' && _jsx(CreateApiServerDialog, { clearApiServersCache: clearUseApiServersCache }), queryType === 'all' && _jsx(ConnectAppToApiDialog, {})] }));
+        }, datatypeLabel: "Server", searchColumn: ['api_server_id', 'api_server_name', 'api_server_description'] }));
+}
+export default ApiServersTable;
+//# sourceMappingURL=ApiServersTable.js.map

package/dist/components/ApiServersTable/ApiServersTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiServersTable.js","sourceRoot":"","sources":["../../../src/components/ApiServersTable/ApiServersTable.tsx"],"names":[],"mappings":"AACA,YAAY,CAAC;;AAIb,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAM3E,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAA4B;IACrE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAA;IAC1B,MAAM,IAAI,GAA0D,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5G,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEjC,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,OAAO,IAAC,SAAS,EAAC,wBAAwB,GAAG,GAC1C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC/C,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE;YACrB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI;YACZ,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,EACD,aAAa,EAAE,GAAiB,EAAE;YAChC,OAAO,CACL,8BACI,SAAS,KAAK,KAAK,IAAI,KAAC,qBAAqB,IAAC,oBAAoB,EAAE,uBAAuB,GAAI,EAC/F,SAAS,KAAK,KAAK,IAAI,KAAC,qBAAqB,KAAG,IACjD,CACJ,CAAC;QACJ,CAAC,EACD,aAAa,EAAC,QAAQ,EACtB,YAAY,EAAE,CAAC,eAAe,EAAE,iBAAiB,EAAE,wBAAwB,CAAC,GAC5E,CACH,CAAA;AACH,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/components/ApiServersTable/columns.d.ts

@@ -0,0 +1,3 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import type { SchemaVaultsApiServerDefinition } from "@schemavaults/app-definitions";
+export declare const columns: ColumnDef<SchemaVaultsApiServerDefinition>[];

package/dist/components/ApiServersTable/columns.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@schemavaults/ui";
+import { Button } from "@schemavaults/ui";
+import { MoreHorizontal } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@schemavaults/ui";
+export const columns = [
+    {
+        id: "select",
+        header: ({ table }) => (_jsx(Checkbox, { checked: table.getIsAllPageRowsSelected() ||
+                (table.getIsSomePageRowsSelected() && "indeterminate"), onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value), "aria-label": "Select all" })),
+        cell: ({ row }) => (_jsx(Checkbox, { checked: row.getIsSelected(), onCheckedChange: (value) => row.toggleSelected(!!value), "aria-label": "Select row" })),
+        enableSorting: false,
+        enableHiding: false,
+    },
+    {
+        id: 'api_server_id',
+        accessorKey: "api_server_id",
+        header: "API Server ID"
+    },
+    {
+        id: 'api_server_name',
+        accessorKey: "api_server_name",
+        header: "API Server Name"
+    },
+    {
+        id: 'api_server_description',
+        accessorKey: "api_server_description",
+        header: "Description"
+    },
+    {
+        id: "actions",
+        cell: ({ row }) => {
+            const api = row.original;
+            return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "h-8 w-8 p-0", children: [_jsx("span", { className: "sr-only", children: "Open menu" }), _jsx(MoreHorizontal, { className: "h-4 w-4" })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: "Actions" }), _jsx(DropdownMenuItem, { onClick: () => navigator.clipboard.writeText(api.api_server_id), children: "Copy API Server ID" }), _jsx(DropdownMenuSeparator, {})] })] }));
+        },
+    }
+];
+//# sourceMappingURL=columns.js.map

package/dist/components/ApiServersTable/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ApiServersTable/columns.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGtJ,MAAM,CAAC,MAAM,OAAO,GAAiD;IACnE;QACE,EAAE,EAAE,QAAQ;QACZ,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,QAAQ,IACP,OAAO,EACL,KAAK,CAAC,wBAAwB,EAAE;gBAChC,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,eAAe,CAAC,EAExD,eAAe,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,gBAClE,YAAY,GACvB,CACH;QACD,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,EAC5B,eAAe,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,gBACrD,YAAY,GACvB,CACH;QACD,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,KAAK;KACpB;IACD;QACE,EAAE,EAAE,eAAe;QACnB,WAAW,EAAE,eAAe;QAC5B,MAAM,EAAE,eAAe;KACxB;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,WAAW,EAAE,iBAAiB;QAC9B,MAAM,EAAE,iBAAiB;KAC1B;IACD;QACE,EAAE,EAAE,wBAAwB;QAC5B,WAAW,EAAE,wBAAwB;QACrC,MAAM,EAAE,aAAa;KACtB;IACD;QACE,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAgB,EAAE;YAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAA;YAExB,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,aAAa,aAC7C,eAAM,SAAS,EAAC,SAAS,0BAAiB,EAC1C,KAAC,cAAc,IAAC,SAAS,EAAC,SAAS,GAAG,IAC/B,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,aAC9B,KAAC,iBAAiB,0BAA4B,EAC9C,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,mCAG9C,EACnB,KAAC,qBAAqB,KAAG,IAEL,IACT,CAChB,CAAA;QACH,CAAC;KACF;CACF,CAAA"}

package/dist/components/ApiServersTable/index.d.ts

@@ -0,0 +1,2 @@
+export { ApiServersTable } from './ApiServersTable';
+export type { ApiServersDatatableProps } from './ApiServersTable';

package/dist/components/ApiServersTable/index.js

@@ -0,0 +1,2 @@
+export { ApiServersTable } from './ApiServersTable';
+//# sourceMappingURL=index.js.map

package/dist/components/ApiServersTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ApiServersTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/ApiServersTable/useApiServersList.d.ts

@@ -0,0 +1,16 @@
+import { useToast } from "@schemavaults/ui";
+import { useSWRConfig } from "swr";
+import { type ListApiServersQueryType } from "@schemavaults/app-definitions";
+export interface UseApiServersListOptions {
+    queryType: ListApiServersQueryType;
+    toast: ReturnType<typeof useToast>["toast"];
+}
+export declare function clearUseApiServersCache(mutate: ReturnType<typeof useSWRConfig>["mutate"]): void;
+export declare function useApiServersList({ toast, queryType, }: UseApiServersListOptions): import("swr").SWRResponse<{
+    api_server_id: string;
+    api_server_name: string;
+    api_server_description: string;
+    created_at: number;
+    public: boolean;
+    hardcoded: boolean;
+}[], any, any>;

package/dist/components/ApiServersTable/useApiServersList.js

@@ -0,0 +1,92 @@
+import { useAppEnvironment, useAuth, } from "@schemavaults/auth-react-provider";
+import useSWR from "swr";
+import { SCHEMAVAULTS_AUTH_APP_DEFINITION, } from "@schemavaults/app-definitions";
+function getApiServersListEndpoint(queryType) {
+    const searchParams = new URLSearchParams();
+    searchParams.set("list_apis_query_type", queryType);
+    return `/api/apis?${searchParams.toString()}`;
+}
+export function clearUseApiServersCache(mutate) {
+    mutate((key) => key.startsWith("/api/apis"), undefined, {
+        revalidate: true,
+    });
+}
+export function useApiServersList({ toast, queryType, }) {
+    const auth = useAuth();
+    const environment = useAppEnvironment();
+    const endpoint = getApiServersListEndpoint(queryType);
+    return useSWR(endpoint, async () => {
+        if (!auth.ready) {
+            toast({
+                variant: "destructive",
+                title: "Auth client not ready",
+                description: "Unable to acquire access token to list API servers",
+            });
+            throw new Error("Auth client not ready");
+        }
+        const authClient = auth.client.current;
+        if (!authClient) {
+            toast({
+                variant: "destructive",
+                title: "Auth client not ready",
+                description: "Unable to acquire access token to list API servers",
+            });
+            throw new Error("Auth client not ready");
+        }
+        let auth_access_jwt;
+        try {
+            const auth_jwt = await authClient.acquireAccessToken({
+                token_id: SCHEMAVAULTS_AUTH_APP_DEFINITION.app_id,
+                audience: SCHEMAVAULTS_AUTH_APP_DEFINITION.app_id,
+            });
+            if (!auth_jwt)
+                throw new Error("Failed to acquire auth access token");
+            auth_access_jwt = auth_jwt;
+        }
+        catch (e) {
+            console.error("[useApiServersList] ", e);
+            toast({
+                variant: "destructive",
+                title: "Error loading authentication access token",
+                description: e instanceof Error ? e.message : `Failed to prepare network request`,
+            });
+            throw e;
+        }
+        try {
+            const origin = window.location.origin;
+            if (environment !== "development" && environment !== "test") {
+                if (!origin.startsWith("https://"))
+                    throw new Error("Origin must use HTTPS in production");
+            }
+            if (environment === "development") {
+                console.log(`[useApiServersList] Sending request to endpoint "${endpoint}" from origin "${origin}"`);
+            }
+            const listAppsResponse = await fetch(endpoint, {
+                headers: new Headers({
+                    Authorization: `Bearer ${auth_access_jwt.token}`,
+                }),
+                method: "GET",
+            });
+            if (!listAppsResponse.ok || listAppsResponse.status !== 200)
+                throw new Error("Network request to list-apps endpoint failed");
+            const listAppsBody = await listAppsResponse.json();
+            if (typeof listAppsBody !== "object")
+                throw new Error("Failed to list API servers; response not an object");
+            const listAppsResponseObject = listAppsBody;
+            if (!Object.hasOwn(listAppsResponseObject, "success") ||
+                !listAppsResponseObject.success) {
+                throw new Error("List API servers response has success = false");
+            }
+            return listAppsResponseObject.list;
+        }
+        catch (error) {
+            toast({
+                variant: "destructive",
+                title: "Error loading list of API servers",
+                description: `${error instanceof Error ? error.message : "An unknown error occurred."}`,
+            });
+            throw error;
+        }
+    });
+}
+//# sourceMappingURL=useApiServersList.js.map

package/dist/components/ApiServersTable/useApiServersList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApiServersList.js","sourceRoot":"","sources":["../../../src/components/ApiServersTable/useApiServersList.ts"],"names":[],"mappings":"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"}

package/dist/components/AppsCard/apps_card.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from "react";
+import { type PreloadedAppsTableDataWithDomainRefs } from "../AppsTable";
+import type { ListAppsQueryType } from "@schemavaults/app-definitions";
+export interface AppsCardProps {
+    cardTitle?: string;
+    cardDescription?: string;
+    cardClassName?: string;
+    queryType: ListAppsQueryType;
+    preloaded?: PreloadedAppsTableDataWithDomainRefs;
+}
+export declare function AppsCard(props: AppsCardProps): ReactElement;

package/dist/components/AppsCard/apps_card.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cn } from '@schemavaults/ui';
+import { AppsTable } from "../AppsTable";
+export function AppsCard(props) {
+    const cardTitle = props.cardTitle ?? "Applications";
+    const cardDescription = props.cardDescription ?? "View and manage which applications are allowed to access SchemaVaults APIs on your behalf.";
+    const cardClassName = cn("w-full", props.cardClassName);
+    return (_jsxs(Card, { className: cardClassName, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: cardTitle }), _jsx(CardDescription, { children: cardDescription })] }), _jsx(CardContent, { children: _jsx(AppsTable, { queryType: props.queryType, preloaded: props.preloaded }) }), _jsx(CardFooter, { children: _jsx("div", { className: "flex flex-row items-start justify-start gap-2" }) })] }));
+}
+//# sourceMappingURL=apps_card.js.map

package/dist/components/AppsCard/apps_card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apps_card.js","sourceRoot":"","sources":["../../../src/components/AppsCard/apps_card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAC7G,OAAO,EAAE,SAAS,EAA6C,MAAM,cAAc,CAAC;AAWpF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,cAAc,CAAA;IACnD,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,IAAI,4FAA4F,CAAC;IAE9I,MAAM,aAAa,GAAW,EAAE,CAC9B,QAAQ,EACR,KAAK,CAAC,aAAa,CACpB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,aAAa,aAC1B,MAAC,UAAU,eACT,KAAC,SAAS,cAAG,SAAS,GAAc,EACpC,KAAC,eAAe,cAAG,eAAe,GAAoB,IAC3C,EACb,KAAC,WAAW,cACV,KAAC,SAAS,IACR,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,GACU,EACd,KAAC,UAAU,cACT,cAAK,SAAS,EAAC,+CAA+C,GAExD,GACK,IACR,CACV,CAAA;AACH,CAAC"}

package/dist/components/AppsCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './apps_card';
+export type * from './apps_card';

package/dist/components/AppsCard/index.js

@@ -0,0 +1,2 @@
+export * from './apps_card';
+//# sourceMappingURL=index.js.map

package/dist/components/AppsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppsCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/AppsTable/AppDomainsList.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { SchemaVaultsAppDomainRef } from "@schemavaults/app-definitions";
+export interface AppDomainsListProps {
+    app_id: string;
+    preloaded_domains?: readonly SchemaVaultsAppDomainRef[] | undefined;
+}
+export declare function AppDomainsList({ app_id, preloaded_domains }: AppDomainsListProps): ReactElement;

package/dist/components/AppsTable/AppDomainsList.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { useAppDomains } from "./useAppDomains";
+export function AppDomainsList({ app_id, preloaded_domains }) {
+    console.log("[AppDomainsList] component initialized with:", { app_id, preloaded_domains });
+    const appDomains = useAppDomains({
+        app_id,
+        initialData: Array.isArray(preloaded_domains) ? preloaded_domains : undefined
+    });
+    if (!appDomains.data || !Array.isArray(appDomains.data)) {
+        return _jsx(Loader2, { className: "animate-spin" });
+    }
+    if (appDomains.data.length === 0) {
+        return (_jsx("p", { className: "text-slate-300 font-light", children: "No domains found" }));
+    }
+    return (_jsx("ul", { children: appDomains.data.map(appDomain => {
+            return (_jsx("li", { className: "text-foreground", children: appDomain.domain }, `app-domain-ref-${appDomain.app_domain_ref_id}`));
+        }) }));
+}
+//# sourceMappingURL=AppDomainsList.js.map

package/dist/components/AppsTable/AppDomainsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDomainsList.js","sourceRoot":"","sources":["../../../src/components/AppsTable/AppDomainsList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS/C,MAAM,UAAU,cAAc,CAC5B,EAAE,MAAM,EAAE,iBAAiB,EAAuB;IAElD,OAAO,CAAC,GAAG,CAAC,8CAA8C,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC,CAAC;IAE3F,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,MAAM;QACN,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS;KAC9E,CAAC,CAAC;IAEH,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QACxD,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAAA;IAC7C,CAAC;IAED,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,CACL,YAAG,SAAS,EAAC,2BAA2B,iCAEpC,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBACG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YAC/B,OAAO,CACL,aACE,SAAS,EAAC,iBAAiB,YAG1B,SAAS,CAAC,MAAM,IAFZ,kBAAkB,SAAS,CAAC,iBAAiB,EAAE,CAGjD,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/components/AppsTable/AppsTable.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from "react";
+import type { ListAppsQueryType } from "@schemavaults/app-definitions";
+import type { PreloadedAppsTableDataWithDomainRefs } from "./preloaded_apps_table_data";
+export interface AppsDatatableProps {
+    queryType: ListAppsQueryType;
+    preloaded?: PreloadedAppsTableDataWithDomainRefs | undefined;
+}
+export declare function AppsTable({ queryType, preloaded }: AppsDatatableProps): ReactElement;
+export default AppsTable;

package/dist/components/AppsTable/AppsTable.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useToast } from "@schemavaults/ui";
+import { Datatable } from "@schemavaults/ui";
+import { getAppsTableColumns } from "./columns";
+import { clearUseAppsListCache, useAppsList } from "./useAppsList";
+import { CreateAppDialog } from "../CreateAppDialog";
+import { Loader2 } from "lucide-react";
+export function AppsTable({ queryType, preloaded }) {
+    const { toast } = useToast();
+    const apps = useAppsList({
+        toast,
+        queryType,
+        initialData: (preloaded) ? preloaded.apps : undefined
+    });
+    const { isLoading, data } = apps;
+    const columns = useMemo(() => {
+        return getAppsTableColumns(queryType, preloaded);
+    }, [queryType, preloaded]);
+    if (!data && isLoading) {
+        return (_jsx("div", { className: "min-h-48 w-full flex items-center justify-center", children: _jsx(Loader2, { className: "h-12 w-12 animate-spin" }) }));
+    }
+    return (_jsx(Datatable, { data: data ? (data.length > 0 ? data : []) : [], columns: columns, initialVisibleColumns: {
+            actions: true,
+            select: true,
+            app_id: false,
+            app_name: true,
+            app_description: true,
+            domains: true
+        }, HeaderButtons: () => {
+            return (_jsx(_Fragment, { children: queryType === 'all' && (_jsx(CreateAppDialog, { clearFrontendAppsCache: clearUseAppsListCache })) }));
+        }, datatypeLabel: "App" }));
+}
+export default AppsTable;
+//# sourceMappingURL=AppsTable.js.map

package/dist/components/AppsTable/AppsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppsTable.js","sourceRoot":"","sources":["../../../src/components/AppsTable/AppsTable.tsx"],"names":[],"mappings":"AACA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AASvC,MAAM,UAAU,SAAS,CACvB,EAAE,SAAS,EAAE,SAAS,EAAsB;IAE5C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAA;IAC1B,MAAM,IAAI,GAA0C,WAAW,CAAC;QAC9D,KAAK;QACL,SAAS;QACT,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;KACtD,CAAC,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACjC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAiC,EAAE;QACzD,OAAO,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,OAAO,IAAC,SAAS,EAAC,wBAAwB,GAAG,GAC1C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC/C,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE;YACrB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,IAAI;YACd,eAAe,EAAE,IAAI;YACrB,OAAO,EAAE,IAAI;SACd,EACD,aAAa,EAAE,GAAG,EAAE;YAClB,OAAO,CACL,4BAEI,SAAS,KAAK,KAAK,IAAI,CACrB,KAAC,eAAe,IACd,sBAAsB,EAAE,qBAAqB,GAC7C,CACH,GAEF,CACJ,CAAC;QACJ,CAAC,EACD,aAAa,EAAC,KAAK,GACnB,CACH,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/AppsTable/columns.d.ts

@@ -0,0 +1,4 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import type { ListAppsQueryType, SchemaVaultsApp } from "@schemavaults/app-definitions";
+import type { PreloadedAppsTableDataWithDomainRefs } from "./preloaded_apps_table_data";
+export declare function getAppsTableColumns(queryType: ListAppsQueryType, preloaded?: PreloadedAppsTableDataWithDomainRefs): ColumnDef<SchemaVaultsApp>[];