@parhelia/localization 0.1.10745

package/dist/localization/src/index.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ServiceLanguageSelectionStep } from "./steps/ServiceLanguageSelectionStep";
+import { SubitemDiscoveryStep } from "./steps/SubitemDiscoveryStep";
+import { localizeItemCommand } from "./LocalizeItemCommand";
+import { TranslationSidebar } from "./sidebar/TranslationSidebar";
+import { TranslationManagement } from "./translation-center/TranslationManagement";
+import { RecentTranslations } from "./translation-center/RecentTranslations";
+import { LocalizationSetupStep } from "./setup/LocalizationSetupStep";
+import { Globe, Languages } from "lucide-react";
+import { pageEditorViewBase } from "@parhelia/core";
+const DEFAULT_TRANSLATION_WIZARD_CONFIGURATION = {
+    steps: [
+        {
+            id: "service-language-selection",
+            name: "Configure Translation",
+            description: "Select translation provider and target languages for your content.",
+            component: ServiceLanguageSelectionStep,
+        },
+        {
+            id: "subitem-discovery",
+            name: "Discover Subitems",
+            description: "Find and include child items that should also be translated.",
+            component: SubitemDiscoveryStep,
+            skipCondition: (data) => !data.includeSubitems,
+        },
+    ],
+};
+const SINGLE_ITEM_TRANSLATION_WIZARD_CONFIGURATION = {
+    steps: [
+        {
+            id: "service-language-selection",
+            name: "Configure Translation",
+            description: "Select translation provider and target languages for your content.",
+            component: ServiceLanguageSelectionStep,
+        },
+        // No SubitemDiscoveryStep - single item translation only
+    ],
+};
+export { DEFAULT_TRANSLATION_WIZARD_CONFIGURATION, SINGLE_ITEM_TRANSLATION_WIZARD_CONFIGURATION };
+export { LocalizeItemDialog } from "./LocalizeItemDialog";
+export { localizeItemCommand } from "./LocalizeItemCommand";
+export { TranslationManagement } from "./translation-center/TranslationManagement";
+export { RecentTranslations } from "./translation-center/RecentTranslations";
+export { BatchTranslationView } from "./translation-center/BatchTranslationView";
+export { LocalizationSetupStep } from "./setup/LocalizationSetupStep";
+export { defaultTranslateAll, generateBatchId, performDefaultTranslation } from "./LocalizeItemUtils";
+export * from "./steps/types";
+/**
+ * Configures the localization extension for the editor.
+ *
+ * @example
+ * // Full-featured (default): Multi-item translation with subitem discovery
+ * configureLocalization(configuration);
+ * // or explicitly:
+ * configureLocalization(configuration, { multiItem: true });
+ *
+ * @example
+ * // Single-item only: Restricts translation to one item at a time
+ * configureLocalization(configuration, { multiItem: false });
+ *
+ * @param configuration - The editor configuration object
+ * @param options - Optional configuration for localization features
+ */
+export function configureLocalization(configuration, options) {
+    const enableMultiItem = options?.multiItem !== false; // Default to true
+    // Add localization setup step
+    if (!configuration.setup) {
+        configuration.setup = { steps: [] };
+    }
+    // Check if the step is already added (to prevent duplicates)
+    const hasLocalizationSetup = configuration.setup.steps.some((step) => step === LocalizationSetupStep || step.name === "LocalizationSetupStep");
+    if (!hasLocalizationSetup) {
+        configuration.setup.steps.push(LocalizationSetupStep);
+    }
+    // Initialize the translation wizard configuration if it doesn't exist
+    if (!configuration.translationWizard) {
+        configuration.translationWizard = enableMultiItem
+            ? DEFAULT_TRANSLATION_WIZARD_CONFIGURATION
+            : SINGLE_ITEM_TRANSLATION_WIZARD_CONFIGURATION;
+    }
+    // Store settings in configuration for other components to access
+    if (!configuration.localization) {
+        configuration.localization = {};
+    }
+    configuration.localization.multiItem = enableMultiItem;
+    configuration.localization.translationManagement = options?.translationManagement !== false;
+    if (!configuration.commands.allItemCommands) {
+        configuration.commands.allItemCommands = [];
+    }
+    // Check if the command is already added (to prevent duplicates)
+    const hasLocalizeCommand = configuration.commands.allItemCommands.some((cmd) => cmd.id === "localizeItem");
+    if (!hasLocalizeCommand) {
+        configuration.commands.allItemCommands.push(localizeItemCommand);
+    }
+    // Add Translation view to the editor views
+    if (configuration.editor && configuration.editor.views) {
+        const hasTranslateView = configuration.editor.views.some((view) => view.name === "translate");
+        if (!hasTranslateView) {
+            configuration.editor.views.push({
+                name: "translate",
+                icon: _jsx(Languages, { strokeWidth: 1 }),
+                title: "Translate",
+                leftSidebar: {
+                    panels: [
+                        {
+                            name: "translation",
+                            title: "Languages & Versions",
+                            content: _jsx(TranslationSidebar, {}),
+                            initialSize: 20,
+                        },
+                    ],
+                },
+                ...pageEditorViewBase,
+            });
+        }
+    }
+    // Add Translation Management view
+    if (options?.translationManagement !== false && configuration.editor && configuration.editor.views) {
+        const hasTranslationManagementView = configuration.editor.views.some((view) => view.name === "translation-management");
+        if (!hasTranslationManagementView) {
+            configuration.editor.views.push({
+                name: "translation-management",
+                icon: _jsx(Globe, { strokeWidth: 1 }),
+                title: "Translation Management",
+                defaultCenterPanelView: _jsx(TranslationManagement, {}),
+            });
+        }
+    }
+    // Configure translation center with Recent Translations panel
+    if (!configuration.translationCenter) {
+        configuration.translationCenter = {
+            groups: []
+        };
+    }
+    // Add recent translations panel to translation center
+    const hasRecentTranslationsGroup = configuration.translationCenter.groups?.some((group) => group.panels?.some((panel) => panel.id === "recent-translations"));
+    if (!hasRecentTranslationsGroup) {
+        configuration.translationCenter.groups.push({
+            title: "Translation Tracking",
+            icon: _jsx(Languages, { strokeWidth: 1 }),
+            panels: [
+                {
+                    id: "recent-translations",
+                    title: "Recent Translations",
+                    icon: _jsx(Languages, { strokeWidth: 1 }),
+                    content: _jsx(RecentTranslations, {}),
+                },
+            ],
+        });
+    }
+    return configuration;
+}

package/dist/localization/src/services/translationService.d.ts

@@ -0,0 +1,102 @@
+import { TranslationStatus } from "../types";
+import { TranslationProviderInfo } from "../steps/types";
+export type TranslationRequestResponse = {
+    jobId: string;
+};
+export declare function requestTranslation({ itemId, targetLanguage, sourceLanguage, sessionId, provider, metadata, batchId }: {
+    itemId: string;
+    targetLanguage: string;
+    sourceLanguage: string;
+    sessionId: string;
+    provider: string;
+    metadata: string;
+    batchId?: string;
+}): Promise<import("@parhelia/core").ExecutionResult<TranslationRequestResponse>>;
+export declare function getTranslationStatus(itemId: string): Promise<import("@parhelia/core").ExecutionResult<TranslationStatus[]>>;
+export declare function getTranslationProviders(): Promise<import("@parhelia/core").ExecutionResult<TranslationProviderInfo[]>>;
+export type AvailableTranslationService = {
+    serviceName: string;
+    displayName: string;
+    isConfigured: boolean;
+    supportedLanguages?: string[];
+    settingsItemId?: string;
+    templateId: string;
+    templateName: string;
+};
+export declare function getAvailableTranslationServices(): Promise<import("@parhelia/core").ExecutionResult<AvailableTranslationService[]>>;
+export declare function createProviderSettings(serviceName: string, templateId: string, language?: string): Promise<import("@parhelia/core").ExecutionResult<{
+    success: boolean;
+    itemId: string;
+    itemPath: string;
+    message: string;
+}>>;
+export type TranslationJobRecord = {
+    itemId: string;
+    targetLanguage: string;
+    sourceLanguage: string;
+    status: string;
+    timestamp: string;
+    hash?: string;
+    message?: string;
+    batchId?: string;
+};
+export declare function listTranslationJobs(take?: number, skip?: number): Promise<import("@parhelia/core").ExecutionResult<TranslationJobRecord[]>>;
+export declare function listBatchTranslationJobs(batchId: string): Promise<import("@parhelia/core").ExecutionResult<TranslationJobRecord[]>>;
+export type TranslationBatchInfo = {
+    batchId: string;
+    createdAtUtc?: string;
+    startedAtUtc?: string;
+    completedAtUtc?: string;
+    initiatedByUser?: string;
+    initiatorSessionId?: string;
+    provider?: string;
+    status?: string;
+    expectedJobs?: number;
+    completedJobs?: number;
+    errorJobs?: number;
+    includeSubitems?: boolean | null;
+    scopeItemId?: string | null;
+    scopeItemPath?: string | null;
+    metadata?: string | null;
+    lastUpdatedUtc?: string;
+    exists?: boolean;
+};
+export declare function getBatchInfo(batchId: string): Promise<import("@parhelia/core").ExecutionResult<TranslationBatchInfo>>;
+export declare function listBatches(take?: number, skip?: number): Promise<import("@parhelia/core").ExecutionResult<TranslationBatchInfo[]>>;
+export declare function subscribeToBatch(batchId: string, sessionId: string): Promise<import("@parhelia/core").ExecutionResult<{
+    success: boolean;
+    message: string;
+}>>;
+export declare function unsubscribeFromBatch(batchId: string, sessionId: string): Promise<import("@parhelia/core").ExecutionResult<{
+    success: boolean;
+    message: string;
+}>>;
+export type BatchTranslationItem = {
+    itemId: string;
+    targetLanguage: string;
+    sourceLanguage: string;
+    metadata?: string;
+};
+export type BatchTranslationResult = {
+    itemId: string;
+    targetLanguage: string;
+    jobId: string;
+};
+export type BatchTranslationError = {
+    itemId: string;
+    targetLanguage: string;
+    error: string;
+};
+export type BatchTranslationResponse = {
+    batchId: string;
+    started: BatchTranslationResult[];
+    skipped: BatchTranslationError[];
+};
+export declare function requestBatchTranslation({ sessionId, batchId, provider, batchMetadata, translations }: {
+    sessionId: string;
+    batchId: string;
+    provider: string;
+    batchMetadata?: string;
+    translations: BatchTranslationItem[];
+}): Promise<import("@parhelia/core").ExecutionResult<BatchTranslationResponse>>;
+//# sourceMappingURL=translationService.d.ts.map

package/dist/localization/src/services/translationService.d.ts.map

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

package/dist/localization/src/services/translationService.js

@@ -0,0 +1,37 @@
+import { get, post } from "@parhelia/core";
+export async function requestTranslation({ itemId, targetLanguage, sourceLanguage, sessionId, provider, metadata, batchId }) {
+    return await post("/parhelia/translation/requestTranslation", { itemId, targetLanguage, sourceLanguage, sessionId, provider, metadata, batchId });
+}
+export async function getTranslationStatus(itemId) {
+    return await get(`/parhelia/translation/getTranslations?itemId=${itemId}`);
+}
+export async function getTranslationProviders() {
+    return await get(`/parhelia/translation/providers`);
+}
+export async function getAvailableTranslationServices() {
+    return await get(`/parhelia/translation/availableServices`);
+}
+export async function createProviderSettings(serviceName, templateId, language = "en") {
+    return await post("/parhelia/translation/createProviderSettings", { serviceName, templateId, language });
+}
+export async function listTranslationJobs(take = 100, skip = 0) {
+    return await get(`/parhelia/translation/jobs?take=${take}&skip=${skip}`);
+}
+export async function listBatchTranslationJobs(batchId) {
+    return await get(`/parhelia/translation/batchJobs?batchId=${encodeURIComponent(batchId)}`);
+}
+export async function getBatchInfo(batchId) {
+    return await get(`/parhelia/translation/batchInfo?batchId=${encodeURIComponent(batchId)}`);
+}
+export async function listBatches(take = 100, skip = 0) {
+    return await get(`/parhelia/translation/batches?take=${take}&skip=${skip}`);
+}
+export async function subscribeToBatch(batchId, sessionId) {
+    return await post("/parhelia/translation/subscribeToBatch", { batchId, sessionId });
+}
+export async function unsubscribeFromBatch(batchId, sessionId) {
+    return await post("/parhelia/translation/unsubscribeFromBatch", { batchId, sessionId });
+}
+export async function requestBatchTranslation({ sessionId, batchId, provider, batchMetadata, translations }) {
+    return await post("/parhelia/translation/requestBatchTranslation", { sessionId, batchId, provider, batchMetadata: batchMetadata || "", translations });
+}

package/dist/localization/src/setup/LocalizationSetupStep.d.ts

@@ -0,0 +1,3 @@
+export declare function LocalizationSetupStep(): import("react/jsx-runtime").JSX.Element;
+export default LocalizationSetupStep;
+//# sourceMappingURL=LocalizationSetupStep.d.ts.map

package/dist/localization/src/setup/LocalizationSetupStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationSetupStep.d.ts","sourceRoot":"","sources":["../../../../src/setup/LocalizationSetupStep.tsx"],"names":[],"mappings":"AAeA,wBAAgB,qBAAqB,4CA+MpC;AAED,eAAe,qBAAqB,CAAC"}

package/dist/localization/src/setup/LocalizationSetupStep.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import { Card, Button, useEditContext } from "@parhelia/core";
+import { CheckCircle, AlertCircle, Languages, RefreshCw, Plus } from "lucide-react";
+import { getAvailableTranslationServices, createProviderSettings } from "../services/translationService";
+export function LocalizationSetupStep() {
+    const editContext = useEditContext();
+    const [state, setState] = useState("checking");
+    const [error, setError] = useState(null);
+    const [services, setServices] = useState([]);
+    const statusIcon = useCallback((state) => {
+        if (state === "success")
+            return _jsx(CheckCircle, { className: "h-4 w-4 text-green-600", strokeWidth: 1 });
+        if (state === "error")
+            return _jsx(AlertCircle, { className: "h-4 w-4 text-red-600", strokeWidth: 1 });
+        if (state === "partial")
+            return _jsx(AlertCircle, { className: "h-4 w-4 text-amber-600", strokeWidth: 1 });
+        return (_jsx(RefreshCw, { className: "h-4 w-4 animate-spin text-amber-600", strokeWidth: 1 }));
+    }, []);
+    const checkLocalization = useCallback(async () => {
+        try {
+            setState("checking");
+            setError(null);
+            setServices([]);
+            const result = await getAvailableTranslationServices();
+            if (result.type === "success" && result.data) {
+                // Backend returns ApiResponse<T>, so data is wrapped: { success: true, data: [...] }
+                const availableServices = Array.isArray(result.data) ? result.data : result.data.data || [];
+                if (availableServices.length === 0) {
+                    setState("error");
+                    setError("No translation services registered in dependency injection.");
+                }
+                else {
+                    const serviceStates = availableServices.map((svc) => ({
+                        ...svc,
+                        creating: false
+                    }));
+                    setServices(serviceStates);
+                    const configuredCount = serviceStates.filter(s => s.isConfigured).length;
+                    const totalCount = serviceStates.length;
+                    if (configuredCount === 0) {
+                        setState("error");
+                        setError(`Found ${totalCount} translation service${totalCount !== 1 ? 's' : ''} in DI, but none have Sitecore Settings items configured.`);
+                    }
+                    else if (configuredCount < totalCount) {
+                        setState("partial");
+                        // Don't set error message - the status is already shown in the header
+                    }
+                    else {
+                        setState("success");
+                    }
+                }
+            }
+            else {
+                setState("error");
+                setError(result.details || "Failed to check translation services. The translation API may not be available.");
+            }
+        }
+        catch (e) {
+            setState("error");
+            setError(e?.message || "Failed to check localization setup");
+        }
+    }, []);
+    const createSettings = useCallback(async (serviceName, templateId) => {
+        try {
+            setServices(prev => prev.map(s => s.serviceName === serviceName ? { ...s, creating: true } : s));
+            setError(null);
+            const language = editContext?.contentEditorItem?.language || "en";
+            const result = await createProviderSettings(serviceName, templateId, language);
+            if (result.type === "success" && result.data) {
+                // Backend returns ApiResponse<T>, so unwrap: { success: true, data: { itemId, itemPath } }
+                const response = result.data.success ? result.data.data : result.data;
+                const success = result.data.success !== false;
+                if (success && response) {
+                    setServices(prev => prev.map(s => s.serviceName === serviceName
+                        ? { ...s, isConfigured: true, creating: false, settingsItemId: response.itemId }
+                        : s));
+                    setTimeout(() => checkLocalization(), 500);
+                }
+                else {
+                    throw new Error(result.data.error || result.details || "Failed to create settings");
+                }
+            }
+            else {
+                throw new Error(result.details || "Failed to create settings");
+            }
+        }
+        catch (e) {
+            setError(`Failed to create settings for ${serviceName}: ${e?.message || "Unknown error"}`);
+            setServices(prev => prev.map(s => s.serviceName === serviceName ? { ...s, creating: false } : s));
+        }
+    }, [editContext, checkLocalization]);
+    React.useEffect(() => {
+        checkLocalization();
+    }, [checkLocalization]);
+    const configuredCount = services.filter(s => s.isConfigured).length;
+    const totalCount = services.length;
+    return (_jsx(Card, { icon: _jsx(Languages, { strokeWidth: 1, className: "h-5 w-5" }), title: "Localization setup", description: "Verifies that translation services registered in DI have corresponding Sitecore Settings items.", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [statusIcon(state), _jsx("span", { className: "text-sm text-gray-700", children: state === "success"
+                                        ? `All ${totalCount} translation service${totalCount !== 1 ? 's' : ''} configured`
+                                        : state === "partial"
+                                            ? `${configuredCount} of ${totalCount} services configured`
+                                            : state === "error" && totalCount > 0
+                                                ? `${totalCount} service${totalCount !== 1 ? 's' : ''} found, none configured`
+                                                : state === "error"
+                                                    ? "No services found"
+                                                    : "Checking..." })] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: checkLocalization, children: [_jsx(RefreshCw, { strokeWidth: 1, className: "h-4 w-4" }), "Recheck"] })] }), services.length > 0 && (_jsxs("div", { className: "space-y-2 rounded border border-gray-200 bg-gray-50 p-3", children: [_jsx("div", { className: "text-xs font-semibold text-gray-600 uppercase", children: "Translation Services" }), services.map((service) => (_jsxs("div", { className: "flex items-center justify-between rounded bg-white p-2 shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [service.isConfigured ? (_jsx(CheckCircle, { className: "h-3.5 w-3.5 text-green-600", strokeWidth: 1.5 })) : (_jsx(AlertCircle, { className: "h-3.5 w-3.5 text-amber-600", strokeWidth: 1.5 })), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-gray-800", children: service.displayName || service.serviceName }), service.displayName && service.displayName !== service.serviceName && (_jsxs("div", { className: "text-xs text-gray-500", children: ["Service: ", service.serviceName] })), service.isConfigured && service.supportedLanguages && service.supportedLanguages.length > 0 && (_jsxs("div", { className: "text-xs text-gray-500", children: ["Languages: ", service.supportedLanguages.join(", ")] }))] })] }), !service.isConfigured && (_jsxs(Button, { size: "xs", onClick: () => createSettings(service.serviceName, service.templateId), disabled: service.creating, title: `Create using template: ${service.templateName}`, children: [service.creating ? (_jsx(RefreshCw, { strokeWidth: 1, className: "h-3 w-3 animate-spin" })) : (_jsx(Plus, { strokeWidth: 1.5, className: "h-3 w-3" })), "Create Settings"] }))] }, service.serviceName)))] })), error && (_jsx("div", { className: "rounded border border-yellow-200 bg-yellow-50 p-2 text-xs whitespace-pre-wrap text-yellow-800", children: error }))] }) }));
+}
+export default LocalizationSetupStep;

package/dist/localization/src/sidebar/TranslationSidebar.d.ts

@@ -0,0 +1,2 @@
+export declare function TranslationSidebar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TranslationSidebar.d.ts.map

package/dist/localization/src/sidebar/TranslationSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationSidebar.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/TranslationSidebar.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,mDA0KjC"}

package/dist/localization/src/sidebar/TranslationSidebar.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, useEditContext, SimpleTable, confirmCreateVersion, Progress } from "@parhelia/core";
+import { getTranslationStatus } from "../services/translationService";
+import { useEffect, useState } from "react";
+import { localizeItemCommand } from "../LocalizeItemCommand";
+export function TranslationSidebar() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const [translationStatus, setTranslationStatus] = useState(null);
+    const languages = editContext?.itemLanguages || [];
+    const [translationProgress, setTranslationProgress] = useState(new Map());
+    const item = editContext.contentEditorItem;
+    const selectLanguage = (language) => {
+        if (!item)
+            return;
+        if (!language.versions) {
+            confirmCreateVersion(editContext, language);
+            return;
+        }
+        editContext.loadItem({
+            ...item.descriptor,
+            language: language.languageCode,
+            version: 0,
+        });
+    };
+    const languageName = (language) => {
+        return (_jsxs("div", { className: "flex items-center gap-2", onClick: () => selectLanguage(language), children: [_jsx("img", { src: language.icon, className: "h-5" }), " ", language.name] }, language.languageCode));
+    };
+    const loadTranslationStatus = async () => {
+        if (!item)
+            return;
+        const status = await getTranslationStatus(item.descriptor.id);
+        setTranslationStatus(status.data || []);
+    };
+    useEffect(() => {
+        loadTranslationStatus();
+        setTranslationProgress(new Map());
+    }, [editContext.currentItemDescriptor?.id]);
+    useEffect(() => {
+        const removeSocketMessageListener = editContext.addSocketMessageListener((message) => {
+            if (message.type === "translation-started" || message.type === "translation-finished" || message.type === "translation-error") {
+                if (message.payload.itemId === item?.descriptor.id) {
+                    loadTranslationStatus();
+                }
+            }
+            if (message.type === "translation-progress") {
+                if (message.payload.itemId === item?.descriptor.id) {
+                    setTranslationProgress((p) => {
+                        p.set(message.payload.language, message.payload);
+                        return new Map(p);
+                    });
+                }
+            }
+        });
+        return removeSocketMessageListener;
+    }, [editContext, setTranslationProgress]);
+    const languageData = languages.map((x) => ({
+        ...x,
+        translationStatus: translationStatus?.find((y) => y.targetLanguage === x.languageCode),
+        translationProgress: translationProgress.get(x.languageCode),
+    }));
+    languageData.sort((a, b) => {
+        // Sort languages with 0 versions to bottom
+        if (a.versions === 0 && b.versions > 0)
+            return 1;
+        if (b.versions === 0 && a.versions > 0)
+            return -1;
+        // Sort by name for languages that both have versions or both don't
+        return a.name.localeCompare(b.name);
+    });
+    return (_jsxs("div", { className: "flex h-full flex-col gap-2", "data-testid": "translation-sidebar", children: [_jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-2 bg-gray-50 p-3", children: [_jsx("div", { className: "flex items-center gap-2 text-sm", children: _jsx("span", { className: "text-gray-500 font-medium", children: "Current Item Languages & Versions" }) }), item && (_jsxs(Button, { size: "sm", "data-testid": "translation-sidebar-localize-button", onClick: () => {
+                            editContext.executeCommand({
+                                command: localizeItemCommand,
+                                data: {
+                                    items: [item],
+                                },
+                            });
+                        }, children: [_jsx("i", { className: "pi pi-plus" }), "Translate"] }))] }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-y-auto", children: _jsx(SimpleTable, { "data-testid": "translation-sidebar-language-table", columns: [
+                            { header: "Language", body: languageName },
+                            { header: "Ver.", body: (x) => x.versions.toString() },
+                            {
+                                header: "Src",
+                                body: (x) => x.translationStatus?.sourceLanguage,
+                            },
+                            {
+                                header: "Status",
+                                body: (x) => (_jsxs("div", { className: "flex items-center gap-2", "data-testid": `translation-status-${x.languageCode}`, children: [x.translationStatus?.status === "In Progress" && (_jsxs("div", { className: "relative w-full", children: [_jsx(Progress, { className: "h-5", value: (x.translationProgress?.progress || 0) * 100, showValue: false, "data-testid": `translation-progress-${x.languageCode}` }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center text-white text-xs", children: x.translationProgress?.message })] })), x.translationStatus?.status !== "In Progress" && (_jsx("div", { title: x.translationStatus?.message, children: x.translationStatus?.status || "Not started" }))] })),
+                            },
+                        ], items: languageData, onRowClick: (data) => selectLanguage(data.item), rowClassName: (item) => item.languageCode == editContext.currentItemDescriptor?.language
+                            ? "bg-neutral-100"
+                            : "" }) }) })] }));
+}

package/dist/localization/src/steps/MetadataInputStep.d.ts

@@ -0,0 +1,4 @@
+import { TranslationStepProps } from "./types";
+/** Example Step for metadata input testing */
+export declare function MetadataInputStep({ data, setData, onStepCompleted, }: TranslationStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetadataInputStep.d.ts.map

package/dist/localization/src/steps/MetadataInputStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataInputStep.d.ts","sourceRoot":"","sources":["../../../../src/steps/MetadataInputStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,8CAA8C;AAC9C,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,eAAe,GAChB,EAAE,oBAAoB,2CA0EtB"}

package/dist/localization/src/steps/MetadataInputStep.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+/** Example Step for metadata input testing */
+export function MetadataInputStep({ data, setData, onStepCompleted, }) {
+    // Convert Map<string, Map<string, string>> to a flat object for local state management
+    const [itemMetadata, setItemMetadata] = useState(() => {
+        const result = {};
+        data.itemMetadata.forEach((languageMap, itemId) => {
+            result[itemId] = Object.fromEntries(languageMap);
+        });
+        return result;
+    });
+    const allItems = data.includeSubitems ? data.discoveredItems : data.items;
+    const handleMetadataChange = (itemId, language, metadata) => {
+        const updated = {
+            ...itemMetadata,
+            [itemId]: {
+                ...(itemMetadata[itemId] || {}),
+                [language]: metadata
+            }
+        };
+        setItemMetadata(updated);
+        // Convert back to Map structure for wizard data
+        const metadataMap = new Map();
+        Object.entries(updated).forEach(([itemId, languageMap]) => {
+            metadataMap.set(itemId, new Map(Object.entries(languageMap)));
+        });
+        setData({ ...data, itemMetadata: metadataMap });
+        console.log('Updated itemMetadata:', metadataMap);
+    };
+    // Data is saved automatically on change
+    useEffect(() => {
+        // Mark step as completed since metadata is optional
+        onStepCompleted(true);
+    }, [onStepCompleted]);
+    // No footer actions needed since data is saved automatically
+    return (_jsxs("div", { className: "flex flex-col gap-4 p-4", "data-testid": "metadata-input-step", children: [_jsx("h3", { className: "text-lg font-medium", children: "Enter Metadata Per Item Per Language" }), _jsx("p", { className: "text-sm text-gray-600", children: "Provide custom metadata for each item and language combination (optional)." }), _jsx("div", { className: "max-h-64 overflow-y-auto space-y-4", "data-testid": "metadata-input-container", children: allItems.map((item) => (_jsxs("div", { className: "border rounded p-3", "data-testid": `metadata-item-${item.id}`, children: [_jsx("label", { className: "block text-sm font-medium mb-2", "data-testid": `metadata-item-label-${item.id}`, children: item.name || item.id }), data.targetLanguages?.map((language) => (_jsxs("div", { className: "mb-2", "data-testid": `metadata-field-${item.id}-${language}`, children: [_jsxs("label", { className: "block text-xs font-medium mb-1 text-gray-600", "data-testid": `metadata-language-label-${item.id}-${language}`, children: [language.toUpperCase(), ":"] }), _jsx("textarea", { className: "w-full border rounded p-2 text-sm", rows: 2, value: itemMetadata[item.id]?.[language] || "", onChange: (e) => handleMetadataChange(item.id, language, e.target.value), placeholder: `Enter metadata for ${language}...`, "data-testid": `metadata-textarea-${item.id}-${language}` })] }, `${item.id}-${language}`)))] }, item.id))) })] }));
+}

package/dist/localization/src/steps/ServiceLanguageSelectionStep.d.ts

@@ -0,0 +1,3 @@
+import { TranslationStepProps } from "./types";
+export declare function ServiceLanguageSelectionStep({ data, setData, onStepCompleted, editContext, setFooterActions, requestClose }: TranslationStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ServiceLanguageSelectionStep.d.ts.map

package/dist/localization/src/steps/ServiceLanguageSelectionStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceLanguageSelectionStep.d.ts","sourceRoot":"","sources":["../../../../src/steps/ServiceLanguageSelectionStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAGtE,wBAAgB,4BAA4B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CAuMjJ"}