@orion-studios/payload-seo-audit 1.0.0

package/dist/collections/SeoPageResults.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeoPageResults = void 0;
+const access_1 = require("../utilities/access");
+exports.SeoPageResults = {
+    slug: 'seo-page-results',
+    admin: {
+        useAsTitle: 'url',
+        defaultColumns: ['url', 'snapshot', 'overallScore', 'checkedAt'],
+        group: 'SEO',
+        components: {
+            views: {
+                edit: {
+                    root: {
+                        Component: '@orion-studios/payload-seo-audit/components#SeoPageReport',
+                    },
+                },
+            },
+        },
+    },
+    access: {
+        read: access_1.seoAdminAccess,
+        create: access_1.seoAdminAccess,
+        update: access_1.seoAdminAccess,
+        delete: access_1.seoAdminAccess,
+    },
+    fields: [
+        {
+            name: 'snapshot',
+            type: 'relationship',
+            relationTo: 'seo-snapshots',
+            required: true,
+            index: true,
+        },
+        {
+            name: 'url',
+            type: 'text',
+            required: true,
+            index: true,
+        },
+        {
+            name: 'path',
+            type: 'text',
+        },
+        {
+            name: 'statusCode',
+            type: 'number',
+        },
+        {
+            name: 'title',
+            type: 'text',
+        },
+        {
+            name: 'metaDescription',
+            type: 'textarea',
+        },
+        {
+            name: 'canonical',
+            type: 'text',
+        },
+        {
+            name: 'robotsMeta',
+            type: 'text',
+        },
+        {
+            name: 'h1Count',
+            type: 'number',
+        },
+        {
+            name: 'headingOrderIssues',
+            type: 'number',
+        },
+        {
+            name: 'internalLinks',
+            type: 'number',
+        },
+        {
+            name: 'externalLinks',
+            type: 'number',
+        },
+        {
+            name: 'imagesTotal',
+            type: 'number',
+        },
+        {
+            name: 'imagesMissingAlt',
+            type: 'number',
+        },
+        {
+            name: 'structuredDataBlocks',
+            type: 'number',
+        },
+        {
+            name: 'scoreBreakdown',
+            type: 'group',
+            fields: [
+                { name: 'metadata', type: 'number' },
+                { name: 'indexability', type: 'number' },
+                { name: 'structure', type: 'number' },
+                { name: 'links', type: 'number' },
+                { name: 'media', type: 'number' },
+                { name: 'structuredData', type: 'number' },
+            ],
+        },
+        {
+            name: 'overallScore',
+            type: 'number',
+        },
+        {
+            name: 'issues',
+            type: 'array',
+            fields: [
+                {
+                    name: 'fingerprint',
+                    type: 'text',
+                    required: true,
+                    index: true,
+                },
+                {
+                    name: 'ruleID',
+                    type: 'text',
+                    required: true,
+                },
+                {
+                    name: 'category',
+                    type: 'select',
+                    required: true,
+                    options: [
+                        { label: 'Metadata', value: 'metadata' },
+                        { label: 'Indexability', value: 'indexability' },
+                        { label: 'Structure', value: 'structure' },
+                        { label: 'Links', value: 'links' },
+                        { label: 'Media', value: 'media' },
+                        { label: 'Structured Data', value: 'structuredData' },
+                        { label: 'Performance', value: 'performance' },
+                    ],
+                },
+                {
+                    name: 'severity',
+                    type: 'select',
+                    required: true,
+                    options: [
+                        { label: 'Critical', value: 'critical' },
+                        { label: 'High', value: 'high' },
+                        { label: 'Medium', value: 'medium' },
+                        { label: 'Low', value: 'low' },
+                        { label: 'Info', value: 'info' },
+                    ],
+                },
+                {
+                    name: 'message',
+                    type: 'text',
+                    required: true,
+                },
+                {
+                    name: 'recommendation',
+                    type: 'textarea',
+                },
+            ],
+        },
+        {
+            name: 'checkedAt',
+            type: 'date',
+            required: true,
+            admin: {
+                date: { pickerAppearance: 'dayAndTime' },
+            },
+        },
+    ],
+};

package/dist/collections/SeoSnapshots.d.ts

@@ -0,0 +1,3 @@
+import type { CollectionConfig } from 'payload';
+export declare const SeoSnapshots: CollectionConfig;
+//# sourceMappingURL=SeoSnapshots.d.ts.map

package/dist/collections/SeoSnapshots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoSnapshots.d.ts","sourceRoot":"","sources":["../../src/collections/SeoSnapshots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,eAAO,MAAM,YAAY,EAAE,gBAqI1B,CAAA"}

package/dist/collections/SeoSnapshots.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeoSnapshots = void 0;
+const access_1 = require("../utilities/access");
+exports.SeoSnapshots = {
+    slug: 'seo-snapshots',
+    admin: {
+        useAsTitle: 'runLabel',
+        defaultColumns: ['runLabel', 'status', 'startedAt', 'completedAt'],
+        group: 'SEO',
+        components: {
+            views: {
+                edit: {
+                    root: {
+                        Component: '@orion-studios/payload-seo-audit/components#SeoSnapshotReport',
+                    },
+                },
+            },
+        },
+    },
+    access: {
+        read: access_1.seoAdminAccess,
+        create: access_1.seoAdminAccess,
+        update: access_1.seoAdminAccess,
+        delete: access_1.seoAdminAccess,
+    },
+    hooks: {
+        beforeDelete: [
+            async ({ req, id }) => {
+                const pageResults = await req.payload.find({
+                    collection: 'seo-page-results',
+                    where: {
+                        snapshot: { equals: id },
+                    },
+                    limit: 1000,
+                });
+                await Promise.all(pageResults.docs.map((doc) => req.payload.delete({
+                    collection: 'seo-page-results',
+                    id: doc.id,
+                })));
+            },
+        ],
+    },
+    fields: [
+        {
+            name: 'runLabel',
+            type: 'text',
+            required: true,
+        },
+        {
+            name: 'runType',
+            type: 'select',
+            required: true,
+            options: [
+                { label: 'Scheduled', value: 'scheduled' },
+                { label: 'Manual', value: 'manual' },
+                { label: 'Publish Triggered', value: 'publish-triggered' },
+            ],
+        },
+        {
+            name: 'status',
+            type: 'select',
+            defaultValue: 'pending',
+            options: [
+                { label: 'Pending', value: 'pending' },
+                { label: 'Completed', value: 'completed' },
+                { label: 'Failed', value: 'failed' },
+            ],
+            required: true,
+        },
+        {
+            name: 'startedAt',
+            type: 'date',
+            required: true,
+            admin: {
+                date: { pickerAppearance: 'dayAndTime' },
+            },
+        },
+        {
+            name: 'completedAt',
+            type: 'date',
+            admin: {
+                date: { pickerAppearance: 'dayAndTime' },
+            },
+        },
+        {
+            name: 'scores',
+            type: 'group',
+            fields: [
+                { name: 'metadata', type: 'number' },
+                { name: 'indexability', type: 'number' },
+                { name: 'structure', type: 'number' },
+                { name: 'links', type: 'number' },
+                { name: 'media', type: 'number' },
+                { name: 'structuredData', type: 'number' },
+                { name: 'performance', type: 'number' },
+                { name: 'overall', type: 'number' },
+            ],
+        },
+        {
+            name: 'metrics',
+            type: 'group',
+            fields: [
+                { name: 'pagesCrawled', type: 'number' },
+                { name: 'pagesChecked', type: 'number' },
+                { name: 'avgLighthousePerformance', type: 'number' },
+                { name: 'avgLCPMs', type: 'number' },
+                { name: 'avgCLS', type: 'number' },
+            ],
+        },
+        {
+            name: 'issueCounts',
+            type: 'group',
+            fields: [
+                { name: 'critical', type: 'number' },
+                { name: 'high', type: 'number' },
+                { name: 'medium', type: 'number' },
+                { name: 'low', type: 'number' },
+                { name: 'info', type: 'number' },
+            ],
+        },
+        {
+            name: 'summary',
+            type: 'textarea',
+        },
+        {
+            name: 'errorMessage',
+            type: 'textarea',
+        },
+    ],
+};

package/dist/components/hooks/useSeoApi.d.ts

@@ -0,0 +1,7 @@
+export declare function useSeoApi<T>(): {
+    fetchData: (url: string) => Promise<T | null>;
+    data: T | null;
+    loading: boolean;
+    error: string | null;
+};
+//# sourceMappingURL=useSeoApi.d.ts.map

package/dist/components/hooks/useSeoApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeoApi.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSeoApi.ts"],"names":[],"mappings":"AAUA,wBAAgB,SAAS,CAAC,CAAC;qBAOiB,MAAM;;aAXvC,OAAO;WACT,MAAM,GAAG,IAAI;EAgCrB"}

package/dist/components/hooks/useSeoApi.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeoApi = useSeoApi;
+const react_1 = require("react");
+function useSeoApi() {
+    const [state, setState] = (0, react_1.useState)({
+        data: null,
+        loading: false,
+        error: null,
+    });
+    const fetchData = (0, react_1.useCallback)(async (url) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+            const response = await fetch(url, { credentials: 'include' });
+            if (!response.ok) {
+                const body = (await response.json().catch(() => ({})));
+                throw new Error(body.error || `Request failed with ${response.status}`);
+            }
+            const data = (await response.json());
+            setState({ data, loading: false, error: null });
+            return data;
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : 'An error occurred';
+            setState((prev) => ({ ...prev, loading: false, error: message }));
+            return null;
+        }
+    }, []);
+    return { ...state, fetchData };
+}

package/dist/components/hooks/useSeoPageResults.d.ts

@@ -0,0 +1,19 @@
+import type { SEOPageResult } from '../types';
+export declare function useSeoPageResults(snapshotId?: number | string | null, options?: {
+    sort?: string;
+    order?: 'asc' | 'desc';
+    limit?: number;
+}): {
+    docs: SEOPageResult[];
+    pagination: {
+        totalDocs: number;
+        totalPages: number;
+        page: number;
+        hasNextPage: boolean;
+        hasPrevPage: boolean;
+    };
+    loading: boolean;
+    error: string | null;
+    fetchPage: (page?: number) => Promise<void>;
+};
+//# sourceMappingURL=useSeoPageResults.d.ts.map

package/dist/components/hooks/useSeoPageResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeoPageResults.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSeoPageResults.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAW7C,wBAAgB,iBAAiB,CAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EACnC,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;EAgEpE"}

package/dist/components/hooks/useSeoPageResults.js

@@ -0,0 +1,62 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeoPageResults = useSeoPageResults;
+const react_1 = require("react");
+function useSeoPageResults(snapshotId, options) {
+    const [docs, setDocs] = (0, react_1.useState)([]);
+    const [pagination, setPagination] = (0, react_1.useState)({
+        totalDocs: 0,
+        totalPages: 0,
+        page: 1,
+        hasNextPage: false,
+        hasPrevPage: false,
+    });
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const fetchPage = (0, react_1.useCallback)(async (page = 1) => {
+        if (!snapshotId) {
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const params = new URLSearchParams({
+                snapshot: String(snapshotId),
+                page: String(page),
+                limit: String(options?.limit ?? 50),
+            });
+            if (options?.sort)
+                params.set('sort', options.sort);
+            if (options?.order)
+                params.set('order', options.order);
+            const response = await fetch(`/api/seo/page-results?${params.toString()}`, {
+                credentials: 'include',
+            });
+            if (!response.ok) {
+                const body = (await response.json().catch(() => ({})));
+                throw new Error(body.error || `Request failed with ${response.status}`);
+            }
+            const data = (await response.json());
+            setDocs(data.docs);
+            setPagination({
+                totalDocs: data.totalDocs,
+                totalPages: data.totalPages,
+                page: data.page,
+                hasNextPage: data.hasNextPage,
+                hasPrevPage: data.hasPrevPage,
+            });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load page results');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [snapshotId, options?.sort, options?.order, options?.limit]);
+    (0, react_1.useEffect)(() => {
+        void fetchPage(1);
+    }, [fetchPage]);
+    return { docs, pagination, loading, error, fetchPage };
+}

package/dist/components/hooks/useSeoSnapshot.d.ts

@@ -0,0 +1,8 @@
+import type { SEOSnapshotReportData } from '../types';
+export declare function useSeoSnapshot(snapshotId?: number | string | null): {
+    data: SEOSnapshotReportData | null;
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useSeoSnapshot.d.ts.map

package/dist/components/hooks/useSeoSnapshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeoSnapshot.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSeoSnapshot.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,wBAAgB,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;;;;;EAsCjE"}

package/dist/components/hooks/useSeoSnapshot.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeoSnapshot = useSeoSnapshot;
+const react_1 = require("react");
+function useSeoSnapshot(snapshotId) {
+    const [data, setData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const fetchReport = (0, react_1.useCallback)(async () => {
+        if (!snapshotId) {
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(`/api/seo/snapshot-report?snapshot=${snapshotId}`, {
+                credentials: 'include',
+            });
+            if (!response.ok) {
+                const body = (await response.json().catch(() => ({})));
+                throw new Error(body.error || `Request failed with ${response.status}`);
+            }
+            const result = (await response.json());
+            setData(result);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load snapshot report');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [snapshotId]);
+    (0, react_1.useEffect)(() => {
+        void fetchReport();
+    }, [fetchReport]);
+    return { data, loading, error, refresh: fetchReport };
+}

package/dist/components/hooks/useSeoTrend.d.ts

@@ -0,0 +1,8 @@
+import type { SEOTrendPoint } from '../types';
+export declare function useSeoTrend(siteId?: number | string, limit?: number): {
+    points: SEOTrendPoint[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useSeoTrend.d.ts.map

package/dist/components/hooks/useSeoTrend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeoTrend.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSeoTrend.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAI7C,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,SAAK;;;;;EAoC/D"}

package/dist/components/hooks/useSeoTrend.js

@@ -0,0 +1,38 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeoTrend = useSeoTrend;
+const react_1 = require("react");
+function useSeoTrend(siteId, limit = 12) {
+    const [points, setPoints] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const fetchTrend = (0, react_1.useCallback)(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const params = new URLSearchParams({ limit: String(limit) });
+            if (siteId)
+                params.set('site', String(siteId));
+            const response = await fetch(`/api/seo/trend?${params.toString()}`, {
+                credentials: 'include',
+            });
+            if (!response.ok) {
+                const body = (await response.json().catch(() => ({})));
+                throw new Error(body.error || `Request failed with ${response.status}`);
+            }
+            const data = (await response.json());
+            setPoints(data.points || []);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load trend data');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [siteId, limit]);
+    (0, react_1.useEffect)(() => {
+        void fetchTrend();
+    }, [fetchTrend]);
+    return { points, loading, error, refresh: fetchTrend };
+}

package/dist/components/layout/SeoReportHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type SeoReportHeaderProps = {
+    title: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    badges?: React.ReactNode;
+};
+export declare const SeoReportHeader: React.FC<SeoReportHeaderProps>;
+export {};
+//# sourceMappingURL=SeoReportHeader.d.ts.map

package/dist/components/layout/SeoReportHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoReportHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SeoReportHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkB1D,CAAA"}

package/dist/components/layout/SeoReportHeader.js

@@ -0,0 +1,18 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeoReportHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const SeoReportHeader = ({ title, subtitle, actions, badges, }) => {
+    return (react_1.default.createElement("div", { className: "flex flex-wrap items-start justify-between gap-4" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("div", { className: "flex flex-wrap items-center gap-2" },
+                react_1.default.createElement("h1", { className: "text-xl font-semibold text-slate-900 dark:text-slate-100" }, title),
+                badges),
+            subtitle && react_1.default.createElement("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400" }, subtitle)),
+        actions && react_1.default.createElement("div", { className: "flex items-center gap-2" }, actions)));
+};
+exports.SeoReportHeader = SeoReportHeader;

package/dist/components/layout/SeoReportShell.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type SeoReportShellProps = {
+    children: React.ReactNode;
+    onBack?: () => void;
+    backLabel?: string;
+};
+export declare const SeoReportShell: React.FC<SeoReportShellProps>;
+export {};
+//# sourceMappingURL=SeoReportShell.d.ts.map

package/dist/components/layout/SeoReportShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoReportShell.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SeoReportShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBxD,CAAA"}

package/dist/components/layout/SeoReportShell.js

@@ -0,0 +1,17 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeoReportShell = void 0;
+const react_1 = __importDefault(require("react"));
+const SeoReportShell = ({ children, onBack, backLabel = 'Back', }) => {
+    return (react_1.default.createElement("div", { className: "seo-report mx-auto max-w-7xl space-y-6 p-6" },
+        onBack && (react_1.default.createElement("button", { type: "button", onClick: onBack, className: "flex items-center gap-1 text-sm text-slate-500 hover:text-slate-700" },
+            react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "inline" },
+                react_1.default.createElement("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })),
+            backLabel)),
+        children));
+};
+exports.SeoReportShell = SeoReportShell;

package/dist/components/pdf/PdfDownloadButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type PdfDownloadButtonProps = {
+    targetId: string;
+    filename: string;
+    label?: string;
+};
+export declare const PdfDownloadButton: React.FC<PdfDownloadButtonProps>;
+export {};
+//# sourceMappingURL=PdfDownloadButton.d.ts.map

package/dist/components/pdf/PdfDownloadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/components/pdf/PdfDownloadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAA"}