openvsx-webui-test 0.17.2 → 0.18.0-dev.1

package/lib/pages/admin-dashboard/components/data-grid-filter-operators.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { GridFilterOperator, GridFilterInputValueProps } from '@mui/x-data-grid';
+/**
+ * Custom multi-select filter input component for DataGrid columns.
+ * Renders an Autocomplete with multiple selection support.
+ */
+export declare const MultiSelectFilterInput: FC<GridFilterInputValueProps & {
+    options: string[];
+}>;
+/**
+ * Creates filter operators for single-value columns with multi-select capability.
+ * Includes "is any of" and "is none of" operators.
+ *
+ * @param options - Array of possible values to select from
+ * @returns Array of GridFilterOperator for use in column definition
+ *
+ */
+export declare const createMultiSelectFilterOperators: (options: string[]) => GridFilterOperator[];
+/**
+ * Creates filter operators for array-type columns with multi-select capability.
+ * Includes "contains any of" and "contains none of" operators.
+ *
+ * @param options - Array of possible values to select from
+ * @returns Array of GridFilterOperator for use in column definition
+ *
+ */
+export declare const createArrayContainsFilterOperators: (options: string[]) => GridFilterOperator[];
+//# sourceMappingURL=data-grid-filter-operators.d.ts.map

package/lib/pages/admin-dashboard/components/data-grid-filter-operators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-filter-operators.d.ts","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/components/data-grid-filter-operators.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,yBAAyB,GAAG;IAAE,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAsBxF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gCAAgC,YAAa,MAAM,EAAE,KAAG,kBAAkB,EA+BtF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kCAAkC,YAAa,MAAM,EAAE,KAAG,kBAAkB,EA+BxF,CAAC"}

package/lib/pages/admin-dashboard/components/data-grid-filter-operators.js

@@ -0,0 +1,93 @@
+/*
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+import React from 'react';
+import { Autocomplete, TextField } from '@mui/material';
+/**
+ * Custom multi-select filter input component for DataGrid columns.
+ * Renders an Autocomplete with multiple selection support.
+ */
+export const MultiSelectFilterInput = ({ item, applyValue, options }) => {
+    const handleChange = (_event, newValue) => {
+        applyValue(Object.assign(Object.assign({}, item), { value: newValue }));
+    };
+    return (React.createElement(Autocomplete, { multiple: true, size: 'small', options: options, value: item.value || [], onChange: handleChange, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { variant: 'standard', placeholder: 'Filter...' }))), sx: { minWidth: 150, mt: 'auto' } }));
+};
+/**
+ * Creates filter operators for single-value columns with multi-select capability.
+ * Includes "is any of" and "is none of" operators.
+ *
+ * @param options - Array of possible values to select from
+ * @returns Array of GridFilterOperator for use in column definition
+ *
+ */
+export const createMultiSelectFilterOperators = (options) => [
+    {
+        label: 'is any of',
+        value: 'isAnyOf',
+        getApplyFilterFn: (filterItem) => {
+            if (!filterItem.value || filterItem.value.length === 0) {
+                return null;
+            }
+            const filterValues = filterItem.value;
+            return (value) => filterValues.indexOf(value) !== -1;
+        },
+        InputComponent: (props) => (React.createElement(MultiSelectFilterInput, Object.assign({}, props, { options: options }))),
+    },
+    {
+        label: 'is none of',
+        value: 'isNoneOf',
+        getApplyFilterFn: (filterItem) => {
+            if (!filterItem.value || filterItem.value.length === 0) {
+                return null;
+            }
+            const filterValues = filterItem.value;
+            return (value) => filterValues.indexOf(value) === -1;
+        },
+        InputComponent: (props) => (React.createElement(MultiSelectFilterInput, Object.assign({}, props, { options: options }))),
+    },
+];
+/**
+ * Creates filter operators for array-type columns with multi-select capability.
+ * Includes "contains any of" and "contains none of" operators.
+ *
+ * @param options - Array of possible values to select from
+ * @returns Array of GridFilterOperator for use in column definition
+ *
+ */
+export const createArrayContainsFilterOperators = (options) => [
+    {
+        label: 'contains any of',
+        value: 'containsAnyOf',
+        getApplyFilterFn: (filterItem) => {
+            if (!filterItem.value || filterItem.value.length === 0) {
+                return null;
+            }
+            const filterValues = filterItem.value;
+            return (value) => filterValues.some(fv => value.indexOf(fv) !== -1);
+        },
+        InputComponent: (props) => (React.createElement(MultiSelectFilterInput, Object.assign({}, props, { options: options }))),
+    },
+    {
+        label: 'contains none of',
+        value: 'containsNoneOf',
+        getApplyFilterFn: (filterItem) => {
+            if (!filterItem.value || filterItem.value.length === 0) {
+                return null;
+            }
+            const filterValues = filterItem.value;
+            return (value) => !filterValues.some(fv => value.indexOf(fv) !== -1);
+        },
+        InputComponent: (props) => (React.createElement(MultiSelectFilterInput, Object.assign({}, props, { options: options }))),
+    },
+];
+//# sourceMappingURL=data-grid-filter-operators.js.map

package/lib/pages/admin-dashboard/components/data-grid-filter-operators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-filter-operators.js","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/components/data-grid-filter-operators.tsx"],"names":[],"mappings":"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"}

package/lib/pages/admin-dashboard/components/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiSelectFilterInput, createMultiSelectFilterOperators, createArrayContainsFilterOperators } from './data-grid-filter-operators';
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/admin-dashboard/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/components/index.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EAChC,kCAAkC,EACnC,MAAM,8BAA8B,CAAC"}

package/lib/pages/admin-dashboard/components/index.js

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+export { MultiSelectFilterInput, createMultiSelectFilterOperators, createArrayContainsFilterOperators } from './data-grid-filter-operators';
+//# sourceMappingURL=index.js.map

package/lib/pages/admin-dashboard/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EAChC,kCAAkC,EACnC,MAAM,8BAA8B,CAAC"}

package/lib/pages/admin-dashboard/customers/customer-form-dialog.d.ts

@@ -0,0 +1,23 @@
+/******************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *****************************************************************************/
+import { FC } from 'react';
+import { type Customer } from "../../../extension-registry-types";
+interface CustomerFormDialogProps {
+    open: boolean;
+    customer?: Customer;
+    onClose: () => void;
+    onSubmit: (formData: Customer) => Promise<void>;
+}
+export declare const CustomerFormDialog: FC<CustomerFormDialogProps>;
+export {};
+//# sourceMappingURL=customer-form-dialog.d.ts.map

package/lib/pages/admin-dashboard/customers/customer-form-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customer-form-dialog.d.ts","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/customers/customer-form-dialog.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;+EAW+E;AAE/E,OAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAoB/D,OAAO,EAAE,KAAK,QAAQ,EAA+B,MAAM,mCAAmC,CAAC;AAI/F,UAAU,uBAAuB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD;AAYD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoS1D,CAAC"}

package/lib/pages/admin-dashboard/customers/customer-form-dialog.js

@@ -0,0 +1,225 @@
+/******************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *****************************************************************************/
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useState, useEffect, useRef } from 'react';
+import { Dialog, DialogTitle, DialogContent, DialogActions, TextField, Button, FormControl, InputLabel, Select, MenuItem, CircularProgress, Alert, Box, Autocomplete, FormHelperText, styled } from '@mui/material';
+import { EnforcementState } from "../../../extension-registry-types";
+import { MainContext } from "../../../context";
+import { handleError } from "../../../utils";
+const Code = styled('code')(({ theme }) => ({
+    fontFamily: 'source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace',
+    backgroundColor: theme.palette.action.hover,
+    padding: '2px 6px',
+    borderRadius: '4px',
+    fontSize: '0.9em',
+    color: theme.palette.text.primary,
+}));
+export const CustomerFormDialog = ({ open, customer, onClose, onSubmit }) => {
+    var _a, _b;
+    const abortController = useRef(new AbortController());
+    const { service } = React.useContext(MainContext);
+    const [formData, setFormData] = useState({
+        name: '',
+        tier: undefined,
+        state: EnforcementState.ENFORCEMENT,
+        cidrBlocks: []
+    });
+    const [tiers, setTiers] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [errors, setErrors] = useState({});
+    const [touched, setTouched] = useState({});
+    const loadTiers = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const data = yield service.admin.getTiers(abortController.current);
+            setTiers(data.tiers);
+        }
+        catch (err) {
+            console.error('Failed to load tiers:', err);
+        }
+    });
+    useEffect(() => {
+        loadTiers();
+        return () => abortController.current.abort();
+    }, []);
+    useEffect(() => {
+        if (customer) {
+            setFormData({
+                name: customer.name,
+                tier: customer.tier,
+                state: customer.state,
+                cidrBlocks: customer.cidrBlocks
+            });
+        }
+        else {
+            setFormData({
+                name: '',
+                tier: tiers.length > 0 ? tiers[0] : undefined,
+                state: EnforcementState.ENFORCEMENT,
+                cidrBlocks: []
+            });
+        }
+        setErrors({});
+        setTouched({});
+    }, [open, customer, tiers]);
+    const clearFieldError = (fieldName) => {
+        if (errors[fieldName]) {
+            setErrors(prev => {
+                const newErrors = Object.assign({}, prev);
+                delete newErrors[fieldName];
+                return newErrors;
+            });
+        }
+    };
+    const handleChange = (e) => {
+        const { name, value } = e.target;
+        clearFieldError(name);
+        if (name === 'tierName') {
+            const tier = tiers.find((tier) => tier.name === value);
+            setFormData(prev => (Object.assign(Object.assign({}, prev), { tier: tier })));
+        }
+        else {
+            setFormData(prev => (Object.assign(Object.assign({}, prev), { [name]: value })));
+        }
+    };
+    const handleBlur = (e) => {
+        const { name } = e.target;
+        setTouched(prev => (Object.assign(Object.assign({}, prev), { [name]: true })));
+        // Validate the specific field on blur
+        validateField(name);
+    };
+    const fieldValidators = {
+        name: () => {
+            if (formData.name === undefined) {
+                return "Customer name is required";
+            }
+            else if (formData.name.trim() !== formData.name) {
+                return "Customer name must not contain trailing whitespace";
+            }
+            else {
+                return undefined;
+            }
+        },
+        tierName: () => { var _a; return ((_a = formData.tier) === null || _a === void 0 ? void 0 : _a.name) ? undefined : 'Tier selection is required'; },
+        state: () => formData.state ? undefined : 'State is required',
+        cidrBlocks: () => {
+            if (formData.cidrBlocks && formData.cidrBlocks.length > 0) {
+                const invalidEntries = formData.cidrBlocks.filter(cidr => !isValidCIDR(cidr.trim()));
+                if (invalidEntries.length > 0) {
+                    return `Invalid CIDR block(s): ${invalidEntries.join(', ')}`;
+                }
+            }
+            return undefined;
+        },
+    };
+    const validateField = (fieldName) => {
+        const validator = fieldValidators[fieldName];
+        const error = validator === null || validator === void 0 ? void 0 : validator();
+        if (error) {
+            setErrors(prev => (Object.assign(Object.assign({}, prev), { [fieldName]: error })));
+        }
+        return error;
+    };
+    const isValidCIDR = (cidr) => {
+        const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}(\/\d{1,2})?$/;
+        const ipv6Regex = /^([0-9a-fA-F]{0,4}:){2,7}[0-9a-fA-F]{0,4}(\/\d{1,3})?$/;
+        return ipv4Regex.test(cidr) || ipv6Regex.test(cidr);
+    };
+    const handleCidrBlocksChange = (event, value) => {
+        clearFieldError('cidrBlocks');
+        // Validate all entries
+        const invalidEntries = value.filter(cidr => !isValidCIDR(cidr.trim()));
+        if (invalidEntries.length > 0) {
+            setTouched(prev => (Object.assign(Object.assign({}, prev), { cidrBlocks: true })));
+            setErrors(prev => (Object.assign(Object.assign({}, prev), { cidrBlocks: `Invalid CIDR block(s): ${invalidEntries.join(', ')}. Please enter valid IPv4 or IPv6 CIDR notation.` })));
+        }
+        // Always update the value so the user can see and correct invalid entries
+        setFormData(prev => (Object.assign(Object.assign({}, prev), { cidrBlocks: value.map(cidr => cidr.trim()) })));
+    };
+    const validateForm = () => {
+        // Mark all fields as touched on submit
+        setTouched({
+            name: true,
+            tierName: true,
+            state: true,
+            cidrBlocks: true,
+        });
+        const newErrors = {};
+        for (const key of Object.keys(formData)) {
+            const error = validateField(key);
+            if (error !== undefined) {
+                newErrors[key] = error;
+            }
+        }
+        setErrors(newErrors);
+        return Object.keys(newErrors).length === 0;
+    };
+    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!validateForm()) {
+            return;
+        }
+        setLoading(true);
+        try {
+            yield onSubmit(formData);
+            onClose();
+        }
+        catch (err) {
+            setErrors({ submit: handleError(err) });
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    const isEditMode = !!customer;
+    const title = isEditMode ? 'Edit Customer' : 'Create New Customer';
+    return (React.createElement(Dialog, { open: open, onClose: onClose, maxWidth: 'sm', fullWidth: true },
+        React.createElement(DialogTitle, null, title),
+        React.createElement(DialogContent, null,
+            React.createElement(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 2, pt: 2 } },
+                errors.submit && (React.createElement(Alert, { severity: 'error' }, errors.submit)),
+                React.createElement(TextField, { label: 'Customer Name', name: 'name', value: formData.name, onChange: handleChange, onBlur: handleBlur, fullWidth: true, placeholder: 'e.g., Acme Corp, TechStart Inc', required: true, disabled: loading, error: touched.name && !!errors.name, helperText: touched.name && errors.name }),
+                React.createElement(FormControl, { fullWidth: true, disabled: loading, required: true, error: touched.tierName && !!errors.tierName },
+                    React.createElement(InputLabel, null, "Tier"),
+                    React.createElement(Select, { name: 'tierName', value: (_b = (_a = formData.tier) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '', onChange: handleChange, onBlur: (e) => {
+                            setTouched(prev => (Object.assign(Object.assign({}, prev), { tierName: true })));
+                            validateField('tierName');
+                        }, label: 'Tier' }, tiers
+                        .filter(tier => tier.tierType === 'NON_FREE')
+                        .map(tier => (React.createElement(MenuItem, { key: tier.name, value: tier.name }, tier.name)))),
+                    touched.tierName && errors.tierName && React.createElement(FormHelperText, null, errors.tierName)),
+                React.createElement(FormControl, { fullWidth: true, disabled: loading, required: true, error: touched.state && !!errors.state },
+                    React.createElement(InputLabel, null, "State"),
+                    React.createElement(Select, { name: 'state', value: formData.state, onChange: handleChange, onBlur: (e) => {
+                            setTouched(prev => (Object.assign(Object.assign({}, prev), { state: true })));
+                            validateField('state');
+                        }, label: 'State' }, Object.keys(EnforcementState).map(key => (React.createElement(MenuItem, { key: key, value: EnforcementState[key] }, key)))),
+                    touched.state && errors.state && React.createElement(FormHelperText, null, errors.state)),
+                React.createElement(Autocomplete, { multiple: true, freeSolo: true, limitTags: 5, disabled: loading, options: [], value: formData.cidrBlocks || [], onChange: handleCidrBlocksChange, onBlur: () => {
+                        setTouched(prev => (Object.assign(Object.assign({}, prev), { cidrBlocks: true })));
+                        validateField('cidrBlocks');
+                    }, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { label: 'CIDR Blocks', placeholder: 'e.g., 192.168.1.0/24', error: touched.cidrBlocks && !!errors.cidrBlocks, helperText: (touched.cidrBlocks && errors.cidrBlocks) || (React.createElement(React.Fragment, null,
+                            "Enter CIDR blocks and press ",
+                            React.createElement(Code, null, "Enter"),
+                            " to add each one")) }))) }))),
+        React.createElement(DialogActions, { sx: { p: 2 } },
+            React.createElement(Button, { onClick: onClose, disabled: loading }, "Cancel"),
+            React.createElement(Button, { onClick: handleSubmit, variant: 'contained', disabled: loading || Object.keys(errors).length > 0, startIcon: loading ? React.createElement(CircularProgress, { size: 20 }) : undefined }, isEditMode ? 'Update' : 'Create'))));
+};
+//# sourceMappingURL=customer-form-dialog.js.map

package/lib/pages/admin-dashboard/customers/customer-form-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customer-form-dialog.js","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/customers/customer-form-dialog.tsx"],"names":[],"mappings":"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"}

package/lib/pages/admin-dashboard/customers/customers.d.ts

@@ -0,0 +1,15 @@
+/******************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *****************************************************************************/
+import { FC } from "react";
+export declare const Customers: FC;
+//# sourceMappingURL=customers.d.ts.map

package/lib/pages/admin-dashboard/customers/customers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customers.d.ts","sourceRoot":"","sources":["../../../../src/pages/admin-dashboard/customers/customers.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;+EAW+E;AAE/E,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AA0BrF,eAAO,MAAM,SAAS,EAAE,EA8OvB,CAAC"}

package/lib/pages/admin-dashboard/customers/customers.js

@@ -0,0 +1,175 @@
+/******************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *****************************************************************************/
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { Box, Button, Paper, Typography, CircularProgress, Alert, IconButton, Stack, Chip } from "@mui/material";
+import { DataGrid } from "@mui/x-data-grid";
+import EditIcon from "@mui/icons-material/Edit";
+import DeleteIcon from "@mui/icons-material/Delete";
+import AddIcon from "@mui/icons-material/Add";
+import BarChartIcon from "@mui/icons-material/BarChart";
+import { MainContext } from "../../../context";
+import { CustomerFormDialog } from "./customer-form-dialog";
+import { DeleteCustomerDialog } from "./delete-customer-dialog";
+import { handleError } from "../../../utils";
+import { createMultiSelectFilterOperators, createArrayContainsFilterOperators } from "../components";
+import { AdminDashboardRoutes } from "../admin-dashboard";
+import { Link } from "react-router-dom";
+export const Customers = () => {
+    const abortController = useRef(new AbortController());
+    const { service } = React.useContext(MainContext);
+    const [customers, setCustomers] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [formDialogOpen, setFormDialogOpen] = useState(false);
+    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+    const [selectedCustomer, setSelectedCustomer] = useState();
+    // Load all customers
+    const loadCustomers = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setLoading(true);
+            setError(null);
+            const data = yield service.admin.getCustomers(abortController.current);
+            setCustomers(data.customers);
+        }
+        catch (err) {
+            setError(handleError(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [service]);
+    useEffect(() => {
+        loadCustomers();
+        return () => abortController.current.abort();
+    }, []);
+    const handleCreateClick = () => {
+        setSelectedCustomer(undefined);
+        setFormDialogOpen(true);
+    };
+    const handleEditClick = (customer) => {
+        setSelectedCustomer(customer);
+        setFormDialogOpen(true);
+    };
+    const handleDeleteClick = (customer) => {
+        setSelectedCustomer(customer);
+        setDeleteDialogOpen(true);
+    };
+    const handleFormSubmit = (customer) => __awaiter(void 0, void 0, void 0, function* () {
+        if (selectedCustomer) {
+            // update existing customer
+            yield service.admin.updateCustomer(abortController.current, selectedCustomer.name, customer);
+        }
+        else {
+            // create new customer
+            yield service.admin.createCustomer(abortController.current, customer);
+        }
+        yield loadCustomers();
+    });
+    const handleDeleteConfirm = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (selectedCustomer) {
+            yield service.admin.deleteCustomer(abortController.current, selectedCustomer.name);
+            yield loadCustomers();
+        }
+    });
+    const handleFormDialogClose = () => {
+        setFormDialogOpen(false);
+        setSelectedCustomer(undefined);
+    };
+    const handleDeleteDialogClose = () => {
+        setDeleteDialogOpen(false);
+        setSelectedCustomer(undefined);
+    };
+    // Extract unique values for filter dropdowns
+    const tierOptions = useMemo(() => [...new Set(customers.map(c => { var _a; return (_a = c.tier) === null || _a === void 0 ? void 0 : _a.name; }).filter(Boolean))], [customers]);
+    const stateOptions = useMemo(() => [...new Set(customers.map(c => c.state).filter(Boolean))], [customers]);
+    const cidrBlockOptions = useMemo(() => {
+        const allCidrs = customers.reduce((acc, c) => acc.concat(c.cidrBlocks), []);
+        return [...new Set(allCidrs)];
+    }, [customers]);
+    const columns = [
+        { field: 'name', headerName: 'Name', flex: 1, minWidth: 150 },
+        {
+            field: 'tier',
+            headerName: 'Tier',
+            flex: 1,
+            minWidth: 120,
+            valueGetter: (value) => (value === null || value === void 0 ? void 0 : value.name) || '',
+            filterOperators: createMultiSelectFilterOperators(tierOptions)
+        },
+        {
+            field: 'state',
+            headerName: 'State',
+            flex: 1,
+            minWidth: 100,
+            filterOperators: createMultiSelectFilterOperators(stateOptions)
+        },
+        {
+            field: 'cidrBlocks',
+            headerName: 'CIDR Blocks',
+            flex: 2,
+            minWidth: 200,
+            sortable: false,
+            filterOperators: createArrayContainsFilterOperators(cidrBlockOptions),
+            renderCell: (params) => {
+                const cidrBlocks = params.row.cidrBlocks;
+                const maxVisible = 2;
+                const visibleCidrs = cidrBlocks.slice(0, maxVisible);
+                const remainingCount = cidrBlocks.length - maxVisible;
+                return (React.createElement(Stack, { direction: 'row', spacing: 0.5, alignItems: 'center', height: '100%', sx: { py: 0.5 } },
+                    visibleCidrs.map((cidr) => (React.createElement(Chip, { key: cidr, label: cidr, size: 'small', variant: 'filled' }))),
+                    remainingCount > 0 && (React.createElement(Chip, { label: `+${remainingCount}`, size: 'small', variant: 'outlined', title: cidrBlocks.slice(maxVisible).join(', ') }))));
+            }
+        },
+        {
+            field: 'actions',
+            headerName: 'Actions',
+            width: 160,
+            sortable: false,
+            filterable: false,
+            renderCell: (params) => (React.createElement(React.Fragment, null,
+                React.createElement(IconButton, { size: 'small', component: Link, to: `${AdminDashboardRoutes.USAGE_STATS}/${params.row.name}`, title: 'View Usage Stats' },
+                    React.createElement(BarChartIcon, null)),
+                React.createElement(IconButton, { size: 'small', onClick: () => handleEditClick(params.row), title: 'Edit' },
+                    React.createElement(EditIcon, null)),
+                React.createElement(IconButton, { size: 'small', onClick: () => handleDeleteClick(params.row), title: 'Delete', color: 'error' },
+                    React.createElement(DeleteIcon, null))))
+        }
+    ];
+    return (React.createElement(Box, { sx: { p: 3, height: '100%', display: 'flex', flexDirection: 'column' } },
+        React.createElement(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 3 } },
+            React.createElement(Typography, { variant: 'h4', component: 'h1' }, "Customer Management"),
+            React.createElement(Button, { variant: 'contained', startIcon: React.createElement(AddIcon, null), onClick: handleCreateClick, disabled: loading }, "Create Customer")),
+        error && (React.createElement(Alert, { severity: 'error', sx: { mb: 2 }, onClose: () => setError(null) }, error)),
+        loading && (React.createElement(Box, { sx: { display: "flex", justifyContent: "center", p: 4 } },
+            React.createElement(CircularProgress, null))),
+        !loading && customers.length === 0 && (React.createElement(Paper, { elevation: 0, sx: { p: 3, textAlign: "center" } },
+            React.createElement(Typography, { color: 'textSecondary', gutterBottom: true }, "No customers found. Create one to get started."))),
+        !loading && customers.length > 0 && (React.createElement(Paper, { elevation: 0, sx: { flex: 1, minHeight: 400, width: '100%', display: 'flex', flexDirection: 'column' } },
+            React.createElement(DataGrid, { rows: customers, columns: columns, getRowId: (row) => row.name, pageSizeOptions: [20, 35, 50], initialState: {
+                    pagination: { paginationModel: { pageSize: 20 } },
+                }, disableRowSelectionOnClick: true, sx: {
+                    flex: 1,
+                } }))),
+        React.createElement(CustomerFormDialog, { open: formDialogOpen, customer: selectedCustomer, onClose: handleFormDialogClose, onSubmit: handleFormSubmit }),
+        React.createElement(DeleteCustomerDialog, { open: deleteDialogOpen, customer: selectedCustomer, onClose: handleDeleteDialogClose, onConfirm: handleDeleteConfirm })));
+};
+//# sourceMappingURL=customers.js.map