@topconsultnpm/sdkui-react-beta 6.11.50 → 6.11.52

package/lib/components/forms/TMLoginPopupSaveLoginInfo.js

@@ -1,425 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { Button, LoadIndicator, Popup } from "devextreme-react";
-import { cultureIDsDataSource, LOGIN_HISTORY_KEY } from "./TMLoginForm";
-import { AuthenticationModes, LocalStorageService, ResultTypes, SDK_Localizator, ValidationItem } from "@topconsultnpm/sdk-ts-beta";
-import { SDKUI_Localizator } from "../../helper/SDKUI_Localizator";
-import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from "../base/TMPopUp";
-import TMTooltip from "../base/TMTooltip";
-import { IconApplyAndClose, IconCloseOutline, IconDelete, IconExport, IconHide, IconImport, IconShow } from "../../helper";
-import { TMSearchBar } from "../sidebar/TMHeader";
-import TMButton from "../base/TMButton";
-import TMTextBox from "../editors/TMTextBox";
-const TMLoginPopupSaveLoginInfo = (props) => {
-    const { setLoginHistory, visible, hidePopup, setEndpoint, setArchive, setAuthMode, setUsername, setPassword, setDomain, setDomainArternative, setOnBeHalfUsername, setOnBeHalfPassword, setLoadLoginInfoFromExternal, onChangeLanguage } = props;
-    // State to manage loading status
-    const [loading, setLoading] = useState(false);
-    // State to store the search input text
-    const [searchText, setSearchText] = useState('');
-    // Retrieve the login history from local storage, sort by 'name', and return the sorted array (or an empty array if not found)
-    const getSortedLoginHistory = () => {
-        const loginHistory = LocalStorageService.getItem(LOGIN_HISTORY_KEY);
-        return loginHistory?.sort((a, b) => a.name.localeCompare(b.name)) || [];
-    };
-    // State to store both the full login history and the filtered search history
-    const [historyState, setHistoryState] = useState({
-        loginHistory: getSortedLoginHistory(),
-        searchedLoginHistory: getSortedLoginHistory(),
-    });
-    // Handle search input changes with a debounce effect, updating the searched login history after a delay
-    useEffect(() => {
-        let timeoutId;
-        if (searchText.length > 0) {
-            setLoading(true);
-            timeoutId = setTimeout(() => {
-                setHistoryState(prevState => ({
-                    ...prevState,
-                    searchedLoginHistory: historyState.loginHistory.filter(data => data.name.toLowerCase().includes(searchText.toLowerCase()))
-                }));
-                setLoading(false);
-            }, 300);
-        }
-        else {
-            setHistoryState(prevState => ({ ...prevState, loginHistory: historyState.loginHistory, searchedLoginHistory: historyState.loginHistory }));
-            setLoading(false);
-        }
-        return () => {
-            clearTimeout(timeoutId);
-        };
-    }, [searchText]);
-    // Function to reload and update state
-    const reloadHistoryState = () => {
-        const updatedLoginHistory = getSortedLoginHistory();
-        setHistoryState({
-            loginHistory: updatedLoginHistory,
-            searchedLoginHistory: updatedLoginHistory,
-        });
-    };
-    // Populate the login form fields with data from the selected login history item
-    const fillLoginForm = (data) => {
-        setEndpoint(data.endpoint);
-        setArchive(data.archive);
-        setUsername(data.username);
-        setPassword("");
-        setAuthMode(data.authenticationMode);
-        setDomain(data.domain);
-        setDomainArternative(data.domainAlternative);
-        setOnBeHalfUsername(data.onBehalfUsername);
-        setOnBeHalfPassword("");
-        if (onChangeLanguage)
-            onChangeLanguage(data.language);
-        hidePopup();
-        setLoadLoginInfoFromExternal(true);
-    };
-    // Display a confirmation dialog for deleting an item from local storage and handle the deletion on confirmation
-    const deleteItemFromLocalStorage = (name) => {
-        const msg = SDKUI_Localizator.Delete_ConfirmFor1.replaceParams(name);
-        TMMessageBoxManager.show({
-            title: SDKUI_Localizator.Delete, message: msg, buttons: [ButtonNames.YES, ButtonNames.NO],
-            onButtonClick: async (e) => {
-                if (e !== ButtonNames.YES)
-                    return;
-                try {
-                    LocalStorageService.deleteItemByField(LOGIN_HISTORY_KEY, "name", name);
-                    setLoginHistory(LocalStorageService.getItem(LOGIN_HISTORY_KEY) ?? []);
-                    reloadHistoryState();
-                }
-                catch (e) {
-                    TMExceptionBoxManager.show({ exception: e });
-                }
-            }
-        });
-    };
-    // Clear the search text and close the popup
-    const closePopup = () => {
-        setSearchText('');
-        hidePopup();
-    };
-    // Handles the click event for export functionality: exports the current login history to a timestamped file.
-    const onExportCallback = () => {
-        // Inner function to export data as a file with a generated filename: exports the provided data to a file, generating a filename with a timestamp
-        const exportToFile = (data, filenamePrefix) => {
-            const file = new Blob([JSON.stringify(data, null, 2)], { type: 'text/plain' });
-            const element = document.createElement("a");
-            const currentDate = new Date();
-            const dateString = currentDate.toISOString().split('T')[0]; // YYYY-MM-DD
-            const timeString = currentDate.toISOString().split('T')[1].split('.')[0].substring(0, 5); // HH:MM
-            element.href = URL.createObjectURL(file);
-            element.download = `${filenamePrefix}_${dateString}_${timeString}.txt`;
-            document.body.appendChild(element);
-            element.click();
-            document.body.removeChild(element);
-        };
-        if (historyState.searchedLoginHistory.length > 0) {
-            exportToFile(historyState.searchedLoginHistory, "TopMedia_SURFER_LOGIN_HISTORY");
-        }
-        else {
-            alert(SDKUI_Localizator.NoCredentialsSaved);
-        }
-    };
-    const onImportCallback = () => {
-        // Inner function to create a file input element: creates a file input element, configures it to accept a specific file type, and triggers a callback when a file is selected.
-        const createFileInput = (accept, onChange) => {
-            const input = document.createElement("input");
-            input.type = "file";
-            input.accept = accept;
-            input.addEventListener('change', (event) => {
-                const file = event.target.files?.[0];
-                if (file)
-                    onChange(file);
-            });
-            input.click();
-        };
-        // Inner function to handle file reading and parsing: reads and parses a file's content as JSON, handling success and error cases.
-        const handleFileRead = (file, onSuccess, onError) => {
-            const reader = new FileReader();
-            reader.onload = () => {
-                try {
-                    const fileContent = reader.result;
-                    const parsedData = JSON.parse(fileContent);
-                    onSuccess(parsedData);
-                }
-                catch (error) {
-                    onError();
-                }
-            };
-            reader.readAsText(file);
-        };
-        // Inner function to generate modified data by appending new IDs and timestamp: generates a modified version of the parsed data by assigning new IDs, and appending timestamped names to each entry.
-        const generateModifiedData = (parsedData, existingHistory) => {
-            const maxId = Math.max(...existingHistory.map(item => Number(item.id) || 0), 0);
-            return parsedData.map((item, index) => {
-                const id = maxId + index + 1;
-                const currentDate = new Date();
-                const formattedDate = currentDate.toISOString().split('T')[0];
-                const time = currentDate.toTimeString().split(' ')[0];
-                return {
-                    ...item,
-                    name: `${item.name}_${formattedDate}_${time}`,
-                    id,
-                    preferred: false
-                };
-            });
-        };
-        // Inner function to update the application state with new history data: updates the application's history state with the new data and stores it in local storage.
-        const updateHistoryState = (newData) => {
-            setHistoryState((prevState) => {
-                const updatedHistory = {
-                    loginHistory: [...prevState.loginHistory, ...newData],
-                    searchedLoginHistory: [...prevState.searchedLoginHistory, ...newData],
-                };
-                LocalStorageService.setItem(LOGIN_HISTORY_KEY, updatedHistory.loginHistory);
-                return { ...prevState, ...updatedHistory };
-            });
-        };
-        createFileInput(".txt", (file) => {
-            handleFileRead(file, (parsedData) => {
-                const modifiedData = generateModifiedData(parsedData, historyState.loginHistory);
-                updateHistoryState(modifiedData);
-            }, () => alert(SDKUI_Localizator.ErrorParsingFileContent));
-        });
-    };
-    // titleRender function returns JSX to render a header with user interface components for import/export and closing the popup
-    const titleRender = () => {
-        return _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: '100%' }, children: [_jsx("h3", { children: SDKUI_Localizator.SwitchUser }), _jsx("div", { style: { marginLeft: 'auto', gap: 10, display: 'flex', alignItems: 'center' }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.Close, children: _jsx(IconCloseOutline, { style: { cursor: "pointer" }, onClick: hidePopup }) }) })] });
-    };
-    // Conditionally render popup content based on loading state, available login history, or display login items in an accordion
-    const renderPopupContent = () => {
-        if (loading) {
-            return (_jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", width: "100%" }, children: _jsx(LoadIndicator, {}) }));
-        }
-        if (historyState.searchedLoginHistory.length === 0) {
-            return (_jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", textAlign: "center", padding: "20px" }, children: SDKUI_Localizator.NoCredentialsSaved }));
-        }
-        return (_jsx("div", { style: { overflowY: "auto", maxHeight: "calc(100% - 60px)", padding: "0px 5px", margin: '0px 10px', border: "1px solid rgb(221, 221, 221)", borderRadius: '6px' }, children: historyState.searchedLoginHistory.map((data, index) => {
-                return _jsx(TMItemTitleRender, { titleObj: { title: data.name }, id: index + 1, historyState: historyState, reloadHistoryState: reloadHistoryState, fillLoginForm: fillLoginForm, deleteItemFromLocalStorage: deleteItemFromLocalStorage, setSearchText: setSearchText }, data.name + '-' + index);
-            }) }));
-    };
-    return (_jsxs(Popup, { maxWidth: 600, visible: visible, onHiding: closePopup, title: SDKUI_Localizator.SwitchUser, titleRender: titleRender, hideOnOutsideClick: false, showTitle: true, resizeEnabled: true, dragEnabled: true, showCloseButton: true, children: [_jsxs("div", { style: { padding: "10px", display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%", position: "sticky", top: 0, backgroundColor: "#fff", zIndex: 1, }, children: [_jsx("div", { style: { display: "flex", flex: 1 }, children: _jsx(TMSearchBar, { maxWidth: "200px", marginLeft: "0px", onSearchValueChanged: (e) => setSearchText(e), searchValue: searchText }) }), _jsxs("div", { style: { display: "flex", alignItems: "center", marginRight: "5px", gap: 8 }, children: [_jsx(TMTooltip, { content: SDKUI_Localizator.Export, children: _jsx(TMButton, { label: SDKUI_Localizator.Export, color: 'primary', btnStyle: 'toolbar', icon: _jsx(IconExport, {}), onClick: onExportCallback }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Import, children: _jsx(TMButton, { label: SDKUI_Localizator.Import, color: 'secondary', btnStyle: 'toolbar', icon: _jsx(IconImport, {}), onClick: onImportCallback }) })] })] }), renderPopupContent()] }));
-};
-export default TMLoginPopupSaveLoginInfo;
-// Render a styled title with its ID and title content, using flex layout
-export const TMItemTitleRender = (props) => {
-    const { titleObj, id, historyState, reloadHistoryState, fillLoginForm, deleteItemFromLocalStorage, setSearchText } = props;
-    const historyItem = historyState.loginHistory.find(item => item.name === titleObj.title);
-    const [preferred, setPreferred] = useState(historyItem?.preferred ?? false);
-    const [isSelected, setIsSelected] = useState(false);
-    const [showDetails, setShowDetails] = useState(false);
-    const containerRef = useRef(null);
-    const mobileBreakpoint = 768;
-    const [isMobile, setIsMobile] = useState(false);
-    useEffect(() => {
-        const updateDimensions = (entries) => {
-            for (let entry of entries) {
-                const { width } = entry.contentRect;
-                setIsMobile(width <= mobileBreakpoint);
-            }
-        };
-        const resizeObserver = new ResizeObserver(updateDimensions);
-        if (containerRef.current) {
-            resizeObserver.observe(containerRef.current);
-        }
-        return () => {
-            if (containerRef.current) {
-                resizeObserver.unobserve(containerRef.current);
-            }
-        };
-    }, [containerRef]);
-    useEffect(() => {
-        const mediaQuery = window.matchMedia('(max-width: 768px)');
-        const handleResize = () => {
-            setIsMobile(mediaQuery.matches);
-        };
-        mediaQuery.addEventListener('change', handleResize);
-        handleResize();
-        return () => {
-            mediaQuery.removeEventListener('change', handleResize);
-        };
-    }, []);
-    useEffect(() => {
-        if (historyItem === undefined)
-            return;
-        setPreferred(historyItem.preferred ?? false);
-    }, [historyItem?.preferred]);
-    useEffect(() => {
-        if (historyItem === undefined)
-            return;
-        if (preferred === historyItem.preferred)
-            return;
-        const historyStateUpdtated = historyState.loginHistory.map(history => {
-            if (history.name === historyItem.name) {
-                return { ...history, preferred };
-            }
-            return { ...history, preferred: false };
-        });
-        LocalStorageService.setItem(LOGIN_HISTORY_KEY, historyStateUpdtated);
-        reloadHistoryState();
-    }, [preferred]);
-    const toogleShowDetails = (e) => {
-        if (e === undefined)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        setShowDetails(prevState => !prevState);
-    };
-    const onPreferredCallback = (e) => {
-        if (e === undefined || e.event === undefined)
-            return;
-        e.event.preventDefault();
-        e.event.stopPropagation();
-        let msg = preferred ? SDKUI_Localizator.RemoveNamedPreferredCredentials.replaceParams(historyItem?.name) : SDKUI_Localizator.SetNamedCredentialsAsPreferred.replaceParams(historyItem?.name);
-        TMMessageBoxManager.show({
-            title: SDKUI_Localizator.SetAsFavorite, message: msg, buttons: [ButtonNames.YES, ButtonNames.NO],
-            onButtonClick: async (e) => {
-                if (e !== ButtonNames.YES)
-                    return;
-                try {
-                    setPreferred((prev) => !prev);
-                }
-                catch (e) {
-                    TMExceptionBoxManager.show({ exception: e });
-                }
-            }
-        });
-    };
-    const handleMouseEnter = () => {
-        // Highlight the div on mouse enter
-        setIsSelected(true);
-    };
-    const handleMouseLeave = () => {
-        // Remove highlight when mouse leaves the div
-        setIsSelected(false);
-    };
-    const onLoginCallback = (e) => {
-        if (historyItem === undefined)
-            return;
-        if (e === undefined)
-            return;
-        // If it's a valid click on the parent div, proceed
-        e.preventDefault();
-        e.stopPropagation();
-        // Assuming fillLoginForm is a function that handles the form filling
-        fillLoginForm(historyItem);
-    };
-    const onDeleteCallback = (e) => {
-        if (historyItem === undefined)
-            return;
-        if (e === undefined)
-            return;
-        // If it's a valid click on the parent div, proceed
-        e.preventDefault();
-        e.stopPropagation();
-        deleteItemFromLocalStorage(historyItem.name);
-    };
-    // Function to truncate title for mobile devices
-    const truncateForMobile = (title) => {
-        return title.length > 20 ? `${title.substring(0, 20)}...` : title;
-    };
-    // Function to truncate title for non-mobile devices
-    const truncateForDesktop = (title) => {
-        return title.length > 45 ? `${title.substring(0, 45)}...` : title;
-    };
-    const truncatedTitle = isMobile ? truncateForMobile(titleObj.title) : truncateForDesktop(titleObj.title);
-    return _jsxs("div", { ref: containerRef, children: [_jsxs("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onDoubleClick: onLoginCallback, style: {
-                    backgroundColor: isSelected ? '#F5F5F5' : 'transparent',
-                    display: "flex",
-                    fontFamily: "Arial, sans-serif",
-                    width: "100%",
-                    position: "relative",
-                    whiteSpace: "nowrap",
-                    cursor: "pointer",
-                    alignItems: "center",
-                    userSelect: "none",
-                    touchAction: "none",
-                    borderRadius: "4px",
-                    minHeight: "32px",
-                    padding: "6px 8px"
-                }, children: [_jsx("div", { style: { display: "inline-block", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", width: isMobile ? "72%" : "85%", verticalAlign: "top" }, children: _jsxs("div", { style: { display: "inline-flex", alignItems: "center" }, children: [_jsx(TMTooltip, { content: SDKUI_Localizator.SetAsFavorite, children: _jsxs("div", { style: { paddingTop: "5px", paddingBottom: "5px", paddingRight: "10px" }, children: [preferred && _jsx(Button, { width: 27, height: 27, style: { backgroundColor: '#EAD303', borderRadius: '50%', display: 'inline-flex', justifyContent: 'center', alignItems: 'center' }, icon: "favorites", onClick: onPreferredCallback }), !preferred && _jsx(Button, { width: 27, height: 27, style: { backgroundColor: 'transparent', borderRadius: '50%', display: 'inline-flex', justifyContent: 'center', alignItems: 'center' }, icon: "favorites", onClick: onPreferredCallback })] }) }), _jsx(TMTooltip, { content: titleObj.title, children: _jsxs("div", { style: { fontSize: isMobile ? "11px" : "12px" }, children: ["(", id, ")\u00A0", _jsx("span", { style: { fontWeight: "bold" }, children: truncatedTitle })] }) })] }) }), _jsx("div", { style: { display: "inline-block", position: "absolute", right: 0, textAlign: "right", verticalAlign: "top", whiteSpace: "nowrap" }, children: _jsxs("div", { style: { display: 'inline-flex', gap: '10px' }, children: [isMobile && _jsx(TMTooltip, { content: SDKUI_Localizator.ApplyAndClose, children: _jsx("div", { onClick: onLoginCallback, onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, style: {
-                                            width: 27,
-                                            height: 27,
-                                            backgroundColor: '#6EB735',
-                                            borderRadius: '50%',
-                                            display: 'inline-flex',
-                                            justifyContent: 'center',
-                                            alignItems: 'center',
-                                            cursor: 'pointer'
-                                        }, children: _jsx(IconApplyAndClose, { color: "#fff" }) }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.ShowDetails, children: _jsx("div", { onClick: toogleShowDetails, onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, style: {
-                                            width: 27,
-                                            height: 27,
-                                            backgroundColor: '#2559A5',
-                                            borderRadius: '50%',
-                                            display: 'inline-flex',
-                                            justifyContent: 'center',
-                                            alignItems: 'center',
-                                            cursor: 'pointer'
-                                        }, children: showDetails ? _jsx(IconHide, { color: "#fff" }) : _jsx(IconShow, { color: "#fff" }) }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Delete, children: _jsx("div", { onClick: onDeleteCallback, onDoubleClick: (e) => { e.preventDefault(); e.stopPropagation(); }, style: {
-                                            width: 27,
-                                            height: 27,
-                                            backgroundColor: '#ED153A',
-                                            borderRadius: '50%',
-                                            display: 'inline-flex',
-                                            justifyContent: 'center',
-                                            alignItems: 'center',
-                                            cursor: 'pointer'
-                                        }, children: _jsx(IconDelete, { color: "#fff" }) }) })] }) })] }), _jsx("div", { style: {
-                    marginTop: "10px",
-                    maxHeight: showDetails ? "500px" : "0", // Use max-height for transition
-                    opacity: showDetails ? 1 : 0,
-                    overflow: 'hidden',
-                    transition: showDetails ?
-                        'max-height 1s ease-in-out, opacity 1s ease-in-out' : // Slow transition for showing
-                        'max-height 0.5s ease-out, opacity 0.5s ease-out', // Fast transition for hiding
-                    transform: showDetails ? 'scaleY(1)' : 'scaleY(0)',
-                    transformOrigin: 'top', // Ensures the animation grows from top to bottom
-                }, children: _jsx(TMLoginItemTemplate, { data: historyItem, reloadHistoryState: reloadHistoryState, setSearchText: setSearchText }) })] });
-};
-export const TMLoginItemTemplate = (props) => {
-    const { data, reloadHistoryState, setSearchText } = props;
-    const [name, setName] = useState(data.name);
-    const [error, setError] = useState(false);
-    const [validationItems, setValidationItems] = useState([]);
-    const isNameMatching = data.name.trim().toLowerCase() === name.trim().toLowerCase();
-    // Effect to handle validation side-effects (like setting error state)
-    useEffect(() => {
-        const validationsItems = getValidationItems();
-        setValidationItems(validationsItems);
-        setError(validationsItems.length > 0); // Set error state based on validation result
-    }, [name]); // Only re-run when 'name' changes
-    // Update the login history item name in local storage if no errors and name is different from the initial name
-    const updateHandler = () => {
-        if (error || (isNameMatching))
-            return;
-        if (!isNameMatching) {
-            const dataToUpdate = { ...data, name };
-            LocalStorageService.updateItemByField(LOGIN_HISTORY_KEY, "name", data.name, dataToUpdate);
-            reloadHistoryState();
-            setSearchText("");
-        }
-    };
-    // Validation logic function
-    const getValidationItems = () => {
-        const validationsArray = [];
-        if (isNameMatching)
-            return validationsArray;
-        if (name.length === 0)
-            validationsArray.push(new ValidationItem(ResultTypes.ERROR, 'saveLoginName', SDK_Localizator.RequiredField));
-        const findItemByField = LocalStorageService.findItemByField(LOGIN_HISTORY_KEY, "name", name);
-        if (findItemByField) {
-            validationsArray.push(new ValidationItem(ResultTypes.ERROR, 'saveLoginName', SDKUI_Localizator.DuplicateNameError));
-        }
-        return validationsArray;
-    };
-    const getAuthenticationModeTranslation = (authenticationMode) => {
-        switch (authenticationMode) {
-            case AuthenticationModes.Windows:
-                return AuthenticationModes.Windows;
-            case AuthenticationModes.WindowsThroughTopMedia:
-                return SDKUI_Localizator.AuthMode_WindowsViaTopMedia;
-            case AuthenticationModes.TopMediaOnBehalfOf:
-                return SDKUI_Localizator.AuthMode_OnBehalfOf;
-            default:
-                return authenticationMode;
-        }
-    };
-    return _jsx("div", { style: { display: 'flex', overflow: 'hidden', width: '100%', justifyContent: 'center', alignItems: 'center' }, children: _jsxs("div", { style: { padding: '2px', flex: 1 }, children: [_jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.NameForAccess, value: name, readOnly: false, buttons: [{ text: `${SDKUI_Localizator.Save}`, icon: _jsx("i", { style: { color: (error || isNameMatching) ? "rgb(80,80,80)" : "#28a745", fontSize: 20 }, className: "dx-icon-save" }), onClick: updateHandler }], onValueChanged: (e) => setName(e.target.value), validationItems: validationItems }, "name"), (data.endpoint && data.endpoint?.Description) && _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.Endpoint, value: data.endpoint.Description + (' (' + data.endpoint.URL + ')'), readOnly: true, onValueChanged: (e) => setName(e.target.value) }), (data.archive && data.archive?.description) && _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.ArchiveID, value: data.archive.description + (' (' + (data.archive.id ?? '-') + ')'), readOnly: true }), _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.AuthMode, value: getAuthenticationModeTranslation(data.authenticationMode), readOnly: true }), data.domain.length > 0 && _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.Domain, value: data.domain, readOnly: true }), _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.UserName, value: data.username, readOnly: true }), _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.CultureID, value: cultureIDsDataSource.find(item => item.value === data.language)?.display ?? '', readOnly: true })] }) });
-};