@fluid-topics/ft-reader-context 1.2.34 → 1.2.36

package/build/models.d.ts

@@ -10,6 +10,7 @@ export declare class MapLoadedEvent extends CustomEvent<MapLoadedEventDetail> {
 export interface FtReaderBreadcrumb {
     tocId: string;
     title: string;
+    untranslatedTitle?: string;
 }
 export interface FtReaderVisibleTopic {
     tocId: string;

package/build/store/FtReaderStateManager.d.ts

@@ -1,6 +1,8 @@
+import { FtReaderPage, FtReaderScrollTarget, FtReaderTocNode } from "./model";
 import { ClusteringHelper } from "@fluid-topics/ft-wc-utils";
 import { FtReaderReduxStore } from "./redux";
 import type { FtReaderService } from "./utils/FtReaderService";
+import { FtTranslationLocale, FtTranslationSettings } from "@fluid-topics/public-api";
 export declare class FtReaderStateManager {
     store: FtReaderReduxStore;
     private clusteringHelperProvider?;
@@ -31,6 +33,17 @@ export declare class FtReaderStateManager {
     private createClusteringHelper;
     navigateToRelativeTopicIfFound(topicPivotMetadataValue: string): Promise<boolean>;
     setSearchInDocumentQuery(query: string): void;
+    setTranslationDestinationLanguage(destinationLanguage?: FtTranslationLocale): Promise<void>;
+    setTranslationSourceLanguage(sourceLanguage?: FtTranslationLocale): Promise<void>;
+    setTranslationProfileId(profileId?: string): Promise<void>;
+    setTranslationLoading(isLoading: boolean): Promise<void>;
+    setTranslationError(isError: boolean): Promise<void>;
+    getTranslationSettings(): FtTranslationSettings | undefined;
     registerMetadataForSwitchToRelatives(id: string): void;
     unregisterMetadataForSwitchToRelatives(id: string): void;
+    getAccurateNavigationData(tocId?: string, currentPage?: FtReaderPage, oldScrollTarget?: FtReaderScrollTarget): Promise<import("./model").FtReaderNavigationData>;
+    buildBreadcrumb(tocId: string): import("..").FtReaderBreadcrumb[] | undefined;
+    fetchTopicContent(tocNode: FtReaderTocNode): Promise<string> | undefined;
+    getTocNode(tocId: string): Promise<FtReaderTocNode>;
+    getPage(targetPageNumber: number): Promise<FtReaderPage>;
 }

package/build/store/FtReaderStateManager.js

@@ -43,12 +43,15 @@ export class FtReaderStateManager {
     async navigateToTopic(tocId, section, pageNumber) {
         await this.loaded();
         const service = await this.awaitService();
-        const page = await (pageNumber != null ? service.getPage(pageNumber) : service.getPageByTocId(tocId !== null && tocId !== void 0 ? tocId : "root"));
+        const page = await (pageNumber != null
+            ? service.getPage(pageNumber, this.getTranslationSettings())
+            : service.getPageByTocId(tocId !== null && tocId !== void 0 ? tocId : "root", this.getTranslationSettings()));
         this.store.actions.currentPage(page);
-        this.store.actions.scrollTarget({
-            tocId: this.resolveValidNonRootTocId(tocId, page),
-            section
-        });
+        const nonRootTocId = this.resolveValidNonRootTocId(tocId, page);
+        this.store.actions.scrollTarget({ tocId: nonRootTocId, section });
+        if (this.store.getState().visibleTopics[0] !== nonRootTocId) {
+            this.store.actions.visibleTopics([]);
+        }
     }
     resolveValidNonRootTocId(tocId, page) {
         var _a, _b, _c;
@@ -61,7 +64,7 @@ export class FtReaderStateManager {
     async navigateToPage(pageNumber) {
         await this.loaded();
         const service = await this.awaitService();
-        let page = await service.getPage(pageNumber);
+        let page = await service.getPage(pageNumber, this.getTranslationSettings());
         this.store.actions.currentPage(page);
     }
     scrollDone() {
@@ -70,7 +73,7 @@ export class FtReaderStateManager {
     async load() {
         var _a;
         if (((_a = this.service) === null || _a === void 0 ? void 0 : _a.mapId) && this.store.getState().map == null) {
-            await this.loadDebouncer.run(() => this.fetchData());
+            await this.loadDebouncer.run(() => this.fetchData(this.getTranslationSettings()));
         }
     }
     clear() {
@@ -85,6 +88,13 @@ export class FtReaderStateManager {
         this.store.actions.relatives(undefined);
         this.store.actions.renderedTopics([]);
         this.store.actions.visibleTopics([]);
+        this.store.actions.translation({
+            sourceLanguage: undefined,
+            destinationLanguage: undefined,
+            profileId: undefined,
+            isLoading: false,
+            isError: false
+        });
         (_a = this.service) === null || _a === void 0 ? void 0 : _a.clear();
         this.clusteringHelper = undefined;
     }
@@ -92,20 +102,33 @@ export class FtReaderStateManager {
         this.clear();
         return this.load();
     }
-    async fetchData() {
-        var _a, _b, _c, _d, _e;
+    async fetchData(translationSettings) {
+        var _a, _b, _c, _d, _e, _f;
         try {
+            if (translationSettings) {
+                this.setTranslationLoading(true);
+            }
+            const handleTranslationError = (e) => {
+                if (translationSettings) {
+                    this.setTranslationError(true);
+                }
+                throw e;
+            };
             await Promise.all([
                 (_a = this.service) === null || _a === void 0 ? void 0 : _a.getConfiguration().then(conf => this.store.actions.configuration(conf)),
-                (_b = this.service) === null || _b === void 0 ? void 0 : _b.getMap().then(map => this.store.actions.map(map)),
-                (_c = this.service) === null || _c === void 0 ? void 0 : _c.getToc().then(toc => this.store.actions.toc(toc)),
-                (_d = this.service) === null || _d === void 0 ? void 0 : _d.getPagesToc().then(pagesToc => this.store.actions.pagesToc(pagesToc)),
-                (_e = this.service) === null || _e === void 0 ? void 0 : _e.getPaginationConfiguration().then(conf => this.store.actions.paginationConfiguration(conf)),
+                (_b = this.service) === null || _b === void 0 ? void 0 : _b.getMap(translationSettings).then(map => this.store.actions.map(map)).catch(handleTranslationError),
+                (_c = this.service) === null || _c === void 0 ? void 0 : _c.getToc(translationSettings).then(toc => this.store.actions.toc(toc)).catch(handleTranslationError),
+                (_d = this.service) === null || _d === void 0 ? void 0 : _d.getPagesToc(translationSettings).then(pagesToc => this.store.actions.pagesToc(pagesToc)).catch(handleTranslationError),
+                (_e = this.service) === null || _e === void 0 ? void 0 : _e.getPaginationConfiguration().then(conf => this.store.actions.paginationConfiguration(conf)).catch(handleTranslationError),
+                (_f = this.service) === null || _f === void 0 ? void 0 : _f.getTranslationError(translationSettings).then(translationError => this.setTranslationError(translationError))
             ]);
             if (this.metadataForSwitchToRelatives.size > 0) {
                 this.fetchRelatives();
             }
             this._loaded = true;
+            if (translationSettings) {
+                this.setTranslationLoading(false);
+            }
         }
         catch (e) {
             if (this.errorHandler && !(e instanceof CanceledPromiseError)) {
@@ -166,6 +189,32 @@ export class FtReaderStateManager {
     setSearchInDocumentQuery(query) {
         this.store.actions.searchInDocumentQuery(query);
     }
+    async setTranslationDestinationLanguage(destinationLanguage) {
+        this.store.actions.setTranslationDestinationLanguage(destinationLanguage);
+        await this.loadDebouncer.run(() => this.fetchData(this.getTranslationSettings()));
+    }
+    async setTranslationSourceLanguage(sourceLanguage) {
+        this.store.actions.setTranslationSourceLanguage(sourceLanguage);
+        await this.loadDebouncer.run(() => this.fetchData(this.getTranslationSettings()));
+    }
+    async setTranslationProfileId(profileId) {
+        this.store.actions.setTranslationProfileId(profileId);
+    }
+    async setTranslationLoading(isLoading) {
+        this.store.actions.setTranslationLoading(isLoading);
+    }
+    async setTranslationError(isError) {
+        this.store.actions.setTranslationError(isError);
+    }
+    getTranslationSettings() {
+        var _a;
+        const state = this.store.getState();
+        return (state.translation.profileId && state.translation.destinationLanguage) ? {
+            profileId: state.translation.profileId,
+            destinationLanguage: state.translation.destinationLanguage.code,
+            sourceLanguage: (_a = state.map) === null || _a === void 0 ? void 0 : _a.lang
+        } : undefined;
+    }
     registerMetadataForSwitchToRelatives(id) {
         this.metadataForSwitchToRelatives.add(id);
         if (this.store.getState().relatives == undefined) {
@@ -179,4 +228,34 @@ export class FtReaderStateManager {
         this.metadataForSwitchToRelatives.delete(id);
         this.updateClusteringHelper();
     }
+    getAccurateNavigationData(tocId, currentPage, oldScrollTarget) {
+        return this.service.getAccurateNavigationData(tocId, currentPage === null || currentPage === void 0 ? void 0 : currentPage.number, oldScrollTarget === null || oldScrollTarget === void 0 ? void 0 : oldScrollTarget.section, this.getTranslationSettings());
+    }
+    buildBreadcrumb(tocId) {
+        var _a;
+        return (_a = this.service) === null || _a === void 0 ? void 0 : _a.buildBreadcrumb(tocId, this.getTranslationSettings());
+    }
+    fetchTopicContent(tocNode) {
+        var _a, _b;
+        var translationSettings = this.getTranslationSettings();
+        if (translationSettings) {
+            return (_a = this.service) === null || _a === void 0 ? void 0 : _a.getTranslatedTopicContent(tocNode, translationSettings).then(translationContent => {
+                if (translationContent.isTranslationError) {
+                    this.setTranslationError(true);
+                }
+                return translationContent.content;
+            });
+        }
+        else {
+            return (_b = this.service) === null || _b === void 0 ? void 0 : _b.getTopicContent(tocNode);
+        }
+    }
+    getTocNode(tocId) {
+        var _a;
+        return (_a = this.service) === null || _a === void 0 ? void 0 : _a.getTocNode(tocId, this.getTranslationSettings());
+    }
+    getPage(targetPageNumber) {
+        var _a;
+        return (_a = this.service) === null || _a === void 0 ? void 0 : _a.getPage(targetPageNumber, this.getTranslationSettings());
+    }
 }

package/build/store/model.d.ts

@@ -1,9 +1,10 @@
-import { FtMap, FtPaginationConfiguration, FtRatingType, FtRatingTypeKeys, FtReaderConfiguration, FtSearchResultClusterEntry, FtSession, FtTocNode, FtTopic, FtTopicRating } from "@fluid-topics/public-api";
+import { FtMap, FtPaginationConfiguration, FtRatingType, FtRatingTypeKeys, FtReaderConfiguration, FtSearchResultClusterEntry, FtSession, FtTocNode, FtTopic, FtTopicRating, FtTranslationLocale } from "@fluid-topics/public-api";
 import { Optional } from "@fluid-topics/ft-wc-utils";
 export interface FtPagesTocNode {
     depth: number;
     tocId: string;
     title: string;
+    translatedTitle?: string;
     children: Array<FtPagesTocNode>;
 }
 export interface FtReaderTocNode extends FtTocNode {
@@ -14,6 +15,7 @@ export interface FtReaderTocNode extends FtTocNode {
 export interface FtReaderPage {
     number: number;
     title: string;
+    untranslatedTitle?: string;
     rootTocId: string;
     toc: Array<FtReaderTocNode>;
     topics: Array<string>;
@@ -40,11 +42,19 @@ export interface FtReaderState {
     configuration: Optional<FtReaderConfiguration>;
     searchInDocumentQuery: Optional<string>;
     relatives: Optional<Array<FtSearchResultClusterEntry>>;
+    translation: {
+        sourceLanguage: Optional<FtTranslationLocale>;
+        destinationLanguage: Optional<FtTranslationLocale>;
+        profileId: Optional<string>;
+        isLoading: boolean;
+        isError: boolean;
+    };
 }
 export interface FtReaderNavigationData {
     mapId: string;
     tocId: string;
     topicTitle: string;
+    untranslatedTopicTitle?: string;
     section?: string;
     page?: number;
     prettyUrl?: string;

package/build/store/redux.d.ts

@@ -1,4 +1,20 @@
 import { FtReaderState } from "./model";
-import { EmptyReducers, FtReduxStore } from "@fluid-topics/ft-wc-utils";
-export type FtReaderReduxStore = FtReduxStore<FtReaderState, EmptyReducers>;
-export declare const createReaderStore: (id: string) => FtReduxStore<FtReaderState, {}, import("redux").AnyAction>;
+import { FtReduxStore } from "@fluid-topics/ft-wc-utils";
+import { PayloadAction } from "@reduxjs/toolkit";
+declare const readerStoreStateReducers: {
+    setTranslationDestinationLanguage: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["destinationLanguage"]>) => void;
+    setTranslationSourceLanguage: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["sourceLanguage"]>) => void;
+    setTranslationProfileId: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["profileId"]>) => void;
+    setTranslationLoading: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["isLoading"]>) => void;
+    setTranslationError: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["isError"]>) => void;
+};
+export type FtReaderStateReducers = typeof readerStoreStateReducers;
+export type FtReaderReduxStore = FtReduxStore<FtReaderState, FtReaderStateReducers>;
+export declare const createReaderStore: (id: string) => FtReduxStore<FtReaderState, {
+    setTranslationDestinationLanguage: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["destinationLanguage"]>) => void;
+    setTranslationSourceLanguage: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["sourceLanguage"]>) => void;
+    setTranslationProfileId: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["profileId"]>) => void;
+    setTranslationLoading: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["isLoading"]>) => void;
+    setTranslationError: (state: FtReaderState, action: PayloadAction<FtReaderState["translation"]["isError"]>) => void;
+}, import("redux").AnyAction>;
+export {};

package/build/store/redux.js

@@ -1,4 +1,21 @@
 import { FtReduxStore } from "@fluid-topics/ft-wc-utils";
+const readerStoreStateReducers = {
+    setTranslationDestinationLanguage: (state, action) => {
+        state.translation.destinationLanguage = action.payload;
+    },
+    setTranslationSourceLanguage: (state, action) => {
+        state.translation.sourceLanguage = action.payload;
+    },
+    setTranslationProfileId: (state, action) => {
+        state.translation.profileId = action.payload;
+    },
+    setTranslationLoading: (state, action) => {
+        state.translation.isLoading = action.payload;
+    },
+    setTranslationError: (state, action) => {
+        state.translation.isError = action.payload;
+    },
+};
 export const createReaderStore = (id) => FtReduxStore.get({
     name: "ft-reader-" + id,
     initialState: {
@@ -14,5 +31,13 @@ export const createReaderStore = (id) => FtReduxStore.get({
         configuration: undefined,
         searchInDocumentQuery: undefined,
         relatives: undefined,
-    }
+        translation: {
+            sourceLanguage: undefined,
+            destinationLanguage: undefined,
+            profileId: undefined,
+            isLoading: false,
+            isError: false
+        }
+    },
+    reducers: readerStoreStateReducers
 });

package/build/store/utils/FtOfficialReaderService.d.ts

@@ -1,14 +1,15 @@
-import type { FtMap, FtMapAttachment, FtPaginatedToc, FtRatingSummary, FtRatingType, FtRatingTypeKeys, FtSearchResults, FtTocNode, FtTopic } from "@fluid-topics/public-api";
+import type { FtMap, FtMapAttachment, FtPaginatedToc, FtRatingSummary, FtRatingType, FtRatingTypeKeys, FtSearchResults, FtTocNode, FtTopic, FtTranslationContent, FtTranslationSettings } from "@fluid-topics/public-api";
 import { FtReaderService } from "./FtReaderService";
 import { FtReaderFeatures } from "../model";
 export declare class FtOfficialReaderService extends FtReaderService {
     protected fingerprint?: string;
     static build(mapId?: string): Promise<FtOfficialReaderService>;
     clear(): void;
-    protected fetchMap(mapId: string): Promise<FtMap>;
+    protected fetchMap(mapId: string, translationSettings?: FtTranslationSettings): Promise<FtMap>;
     protected fetchMapRating(mapId: string): Promise<FtRatingSummary>;
-    protected fetchPages(mapId: string): Promise<FtPaginatedToc>;
+    protected fetchPages(mapId: string, translationSettings?: FtTranslationSettings): Promise<FtPaginatedToc>;
     protected fetchTopicHTMLContent(tocNode: FtTocNode): Promise<string>;
+    protected fetchTranslatedTopicHTMLContent(tocNode: FtTocNode, translationSettings: FtTranslationSettings): Promise<FtTranslationContent>;
     protected fetchTopicMetadata(tocNode: FtTocNode): Promise<FtTopic>;
     protected fetchAttachments(): Promise<Array<FtMapAttachment>>;
     protected fetchRelativesForDocument(metadataPivotKey: string, metadataPivotValues: string[]): Promise<FtSearchResults>;

package/build/store/utils/FtOfficialReaderService.js

@@ -8,21 +8,24 @@ export class FtOfficialReaderService extends FtReaderService {
         super.clear();
         this.fingerprint = undefined;
     }
-    async fetchMap(mapId) {
-        const map = await this.api.getMap(mapId);
+    async fetchMap(mapId, translationSettings) {
+        const map = await this.api.getMap(mapId, translationSettings);
         this.fingerprint = map.fingerprint;
         return map;
     }
     fetchMapRating(mapId) {
         return this.api.getMapRating(mapId);
     }
-    async fetchPages(mapId) {
-        await this.getMap();
-        return this.api.getPages(mapId, this.fingerprint);
+    async fetchPages(mapId, translationSettings) {
+        await this.getMap(translationSettings);
+        return this.api.getPages(mapId, this.fingerprint, translationSettings);
     }
     fetchTopicHTMLContent(tocNode) {
         return this.api.getTopicHTMLContent(this.mapId, tocNode.contentId, "DESIGNED_READER", this.fingerprint);
     }
+    fetchTranslatedTopicHTMLContent(tocNode, translationSettings) {
+        return this.api.getTranslatedTopicHTMLContent(this.mapId, tocNode.contentId, "DESIGNED_READER", this.fingerprint, translationSettings);
+    }
     fetchTopicMetadata(tocNode) {
         return this.api.getTopic(this.mapId, tocNode.contentId, this.fingerprint);
     }

package/build/store/utils/FtReaderConverter.d.ts

@@ -9,6 +9,7 @@ export type EnrichedToc = {
     duplicatedPrettyUrls: Set<string>;
     pages: Array<FtReaderPage>;
     pageByTocId: Record<string, FtReaderPage>;
+    translationError: boolean;
 };
 export declare class FtReaderConverter {
     convertPaginatedToc(mapId: string, paginatedToc: FtPaginatedToc): EnrichedToc;

package/build/store/utils/FtReaderConverter.js

@@ -18,10 +18,12 @@ class EnrichedTocBuilder {
             duplicatedPrettyUrls: this.duplicatedPrettyUrls,
             pages: this.pages,
             pageByTocId: this.pageByTocId,
+            translationError: this.paginatedToc.translationError
         };
     }
     extractPagesToc(nodes, depth, parentTocId) {
         return nodes.flatMap(node => {
+            var _a;
             if (node.pageConfiguration) {
                 this.registerPage(this.buildPage(node, parentTocId));
             }
@@ -31,7 +33,8 @@ class EnrichedTocBuilder {
             return [
                 {
                     tocId: node.tocId,
-                    title: node.title,
+                    title: (_a = node.title) !== null && _a !== void 0 ? _a : "",
+                    untranslatedTitle: node.untranslatedTitle,
                     depth,
                     children: this.extractPagesToc(node.children, depth + 1, node.tocId)
                 }
@@ -52,6 +55,7 @@ class EnrichedTocBuilder {
                 tocId: node.tocId,
                 contentId: node.contentId,
                 title: node.title,
+                untranslatedTitle: node.untranslatedTitle,
                 hasRating: node.hasRating,
                 origin: node.origin,
                 prettyUrl,
@@ -90,6 +94,7 @@ class EnrichedTocBuilder {
         const page = {
             number: this.pages.length + 1,
             title: (_a = node.title) !== null && _a !== void 0 ? _a : "",
+            untranslatedTitle: node.untranslatedTitle,
             rootTocId: (_b = node.tocId) !== null && _b !== void 0 ? _b : "root",
             toc: ((_c = node.pageToc) !== null && _c !== void 0 ? _c : []).map((n) => this.nodeByTocId[n.tocId]),
             topics: [],

package/build/store/utils/FtReaderService.d.ts

@@ -1,16 +1,17 @@
-import type { FluidTopicsApi, FtMap, FtMapAttachment, FtPaginatedToc, FtPaginationConfiguration, FtPublicationRatingSummary, FtRatingSummary, FtRatingTypeKeys, FtReaderConfiguration, FtTocNode, FtTopic } from "@fluid-topics/public-api";
+import type { FluidTopicsApi, FtMap, FtMapAttachment, FtPaginatedToc, FtPaginationConfiguration, FtPublicationRatingSummary, FtRatingSummary, FtRatingTypeKeys, FtReaderConfiguration, FtTocNode, FtTopic, FtTranslationContent, FtTranslationSettings } from "@fluid-topics/public-api";
 import { FtRatingType, FtSearchResults } from "@fluid-topics/public-api";
 import { FtPagesTocNode, FtReaderFeatureAccessData, FtReaderFeatures, FtReaderNavigationData, FtReaderPage, FtReaderTocNode, FtTopicRatingSummary } from "../model";
-import { EnrichedToc, FtReaderConverter } from "./FtReaderConverter";
+import { FtReaderConverter } from "./FtReaderConverter";
 import { FtServiceWithCache } from "@fluid-topics/ft-app-context";
 import { FtReaderBreadcrumb } from "../../models";
 export declare abstract class FtReaderService extends FtServiceWithCache {
     protected converter: FtReaderConverter;
-    protected abstract fetchMap(mapId: string): Promise<FtMap>;
-    protected abstract fetchPages(mapId: string): Promise<FtPaginatedToc>;
+    protected abstract fetchMap(mapId: string, translationSettings?: FtTranslationSettings): Promise<FtMap>;
+    protected abstract fetchPages(mapId: string, translationSettings?: FtTranslationSettings): Promise<FtPaginatedToc>;
     protected abstract fetchMapRating(mapId: string): Promise<FtRatingSummary>;
     protected abstract fetchTopicMetadata(tocNode: FtTocNode): Promise<FtTopic>;
     protected abstract fetchTopicHTMLContent(tocNode: FtTocNode): Promise<string>;
+    protected abstract fetchTranslatedTopicHTMLContent(tocNode: FtTocNode, translationSettings: FtTranslationSettings): Promise<FtTranslationContent>;
     protected abstract fetchAttachments(): Promise<Array<FtMapAttachment>>;
     protected abstract fetchRelativesForDocument(metadataPivotKey: string, metadataPivotValues: string[]): Promise<FtSearchResults>;
     protected abstract fetchRelativesForTopicInMap(mapId: string, metadataPivotKey: string, metadataPivotValues: string[]): Promise<FtSearchResults>;
@@ -29,28 +30,31 @@ export declare abstract class FtReaderService extends FtServiceWithCache {
     private withMapId;
     private initCache;
     clear(): void;
-    getMap(): Promise<FtMap>;
-    getMapNow(): FtMap | undefined;
+    private makeCacheKey;
+    getMap(translationSettings?: FtTranslationSettings): Promise<FtMap>;
+    getMapNow(translationSettings?: FtTranslationSettings): FtMap | undefined;
     getConfiguration(): Promise<FtReaderConfiguration>;
     private getEnrichedToc;
-    get enrichedToc(): EnrichedToc | undefined;
+    private getEnrichedTocNow;
     getPaginationConfiguration(): Promise<FtPaginationConfiguration>;
-    getToc(): Promise<Array<FtReaderTocNode>>;
-    getPagesToc(): Promise<Array<FtPagesTocNode>>;
-    getTocNode(tocId: string): Promise<FtReaderTocNode>;
-    getTocNodeNow(tocId: string): FtReaderTocNode | undefined;
-    getTocNodeNowByUrl(prettyUrlOrMapIdTocId: string): FtReaderTocNode | undefined;
-    getPage(number: number): Promise<FtReaderPage>;
-    getPageByTocId(tocId: string): Promise<FtReaderPage>;
+    getToc(translationSettings?: FtTranslationSettings): Promise<Array<FtReaderTocNode>>;
+    getPagesToc(translationSettings?: FtTranslationSettings): Promise<Array<FtPagesTocNode>>;
+    getTranslationError(translationSettings?: FtTranslationSettings): Promise<boolean>;
+    getTocNode(tocId: string, translationSettings?: FtTranslationSettings): Promise<FtReaderTocNode>;
+    getTocNodeNow(tocId: string, translationInput?: FtTranslationSettings): FtReaderTocNode | undefined;
+    getTocNodeNowByUrl(prettyUrlOrMapIdTocId: string, translationInput?: FtTranslationSettings): FtReaderTocNode | undefined;
+    getPage(number: number, translationInput?: FtTranslationSettings): Promise<FtReaderPage>;
+    getPageByTocId(tocId: string, translationInput?: FtTranslationSettings): Promise<FtReaderPage>;
     getTopicInfo(tocNode: FtTocNode): Promise<FtTopic>;
     getTopicContent(tocNode: FtTocNode): Promise<string>;
+    getTranslatedTopicContent(tocNode: FtTocNode, translationInput: FtTranslationSettings): Promise<FtTranslationContent>;
     getAttachments(): Promise<Array<FtMapAttachment>>;
     getRelativesForDocument(metadataPivotKey: string, metadataPivotValues: string[]): Promise<FtSearchResults>;
     getRelativesForTopicInMap(mapId: string, metadataPivotKey: string, metadataPivotValues: string[]): Promise<FtSearchResults>;
     getAttachmentDownloadLink(id: string): string;
     getLink(tocId?: string, pageNumber?: number, section?: string): string;
-    getNavigationData(tocId?: string, pageNumber?: number, section?: string): FtReaderNavigationData;
-    getAccurateNavigationData(tocId?: string, pageNumber?: number, section?: string): Promise<FtReaderNavigationData>;
+    getNavigationData(tocId?: string, pageNumber?: number, section?: string, translationInput?: FtTranslationSettings): FtReaderNavigationData;
+    getAccurateNavigationData(tocId?: string, pageNumber?: number, section?: string, translationInput?: FtTranslationSettings): Promise<FtReaderNavigationData>;
     private getRatingSummary;
     reloadRating(): Promise<FtRatingSummary>;
     getMapRating(): Promise<FtPublicationRatingSummary | undefined>;
@@ -64,7 +68,7 @@ export declare abstract class FtReaderService extends FtServiceWithCache {
     sendTopicFeedback(tocId: string, message: string, from?: string): Promise<void>;
     fontsStylesheet(): string;
     themeStylesheet(): string;
-    buildBreadcrumb(tocId: string): Array<FtReaderBreadcrumb>;
+    buildBreadcrumb(tocId: string, translationInput?: FtTranslationSettings): Array<FtReaderBreadcrumb>;
     isFeatureAccessible(feature: FtReaderFeatures, { session }: FtReaderFeatureAccessData): boolean;
     makeAbsolute(endpoint: string): string;
 }

package/build/store/utils/FtReaderService.js

@@ -33,55 +33,62 @@ export class FtReaderService extends FtServiceWithCache {
     clear() {
         this.cache.clearAll();
     }
-    getMap() {
-        return this.cache.get("map");
+    makeCacheKey(base, translationSettings) {
+        return base + (translationSettings ? "-destinationLanguage-" + (translationSettings === null || translationSettings === void 0 ? void 0 : translationSettings.destinationLanguage) : "");
     }
-    getMapNow() {
-        return this.cache.getNow("map");
+    getMap(translationSettings) {
+        return this.cache.get(this.makeCacheKey("map", translationSettings), () => this.fetchMap(this.mapId, translationSettings));
+    }
+    getMapNow(translationSettings) {
+        return this.cache.getNow(this.makeCacheKey("map", translationSettings));
     }
     getConfiguration() {
         return this.cache.get("configuration");
     }
-    getEnrichedToc() {
-        return this.cache.get("enrichedToc");
+    getEnrichedToc(translationSettings) {
+        return this.cache.get(this.makeCacheKey("enrichedToc", translationSettings), () => this.fetchPages(this.mapId, translationSettings).then(toc => this.converter.convertPaginatedToc(this.mapId, toc)));
     }
-    get enrichedToc() {
-        return this.cache.getNow("enrichedToc");
+    getEnrichedTocNow(translationSettings) {
+        return this.cache.getNow(this.makeCacheKey("enrichedToc", translationSettings));
     }
     async getPaginationConfiguration() {
         const enrichedToc = await this.getEnrichedToc();
         return enrichedToc.paginationConfiguration;
     }
-    async getToc() {
-        const enrichedToc = await this.getEnrichedToc();
+    async getToc(translationSettings) {
+        const enrichedToc = await this.getEnrichedToc(translationSettings);
         return enrichedToc.toc;
     }
-    async getPagesToc() {
-        const enrichedToc = await this.getEnrichedToc();
+    async getPagesToc(translationSettings) {
+        const enrichedToc = await this.getEnrichedToc(translationSettings);
         return enrichedToc.pagesToc;
     }
-    async getTocNode(tocId) {
-        const enrichedToc = await this.getEnrichedToc();
+    async getTranslationError(translationSettings) {
+        const enrichedToc = await this.getEnrichedToc(translationSettings);
+        return enrichedToc.translationError;
+    }
+    async getTocNode(tocId, translationSettings) {
+        const enrichedToc = await this.getEnrichedToc(translationSettings);
         return enrichedToc.nodeByTocId[tocId];
     }
-    getTocNodeNow(tocId) {
+    getTocNodeNow(tocId, translationInput) {
         var _a;
-        return (_a = this.enrichedToc) === null || _a === void 0 ? void 0 : _a.nodeByTocId[tocId];
+        return (_a = this.getEnrichedTocNow(translationInput)) === null || _a === void 0 ? void 0 : _a.nodeByTocId[tocId];
     }
-    getTocNodeNowByUrl(prettyUrlOrMapIdTocId) {
+    getTocNodeNowByUrl(prettyUrlOrMapIdTocId, translationInput) {
         var _a, _b;
-        let map = this.getMapNow();
+        let map = this.getMapNow(translationInput);
         if ((map === null || map === void 0 ? void 0 : map.prettyUrl) == prettyUrlOrMapIdTocId || `${map === null || map === void 0 ? void 0 : map.id}/root` === prettyUrlOrMapIdTocId) {
-            return (_a = this.enrichedToc) === null || _a === void 0 ? void 0 : _a.toc[0];
+            return (_a = this.getEnrichedTocNow(translationInput)) === null || _a === void 0 ? void 0 : _a.toc[0];
         }
-        return (_b = this.enrichedToc) === null || _b === void 0 ? void 0 : _b.nodeByUrl[prettyUrlOrMapIdTocId];
+        return (_b = this.getEnrichedTocNow(translationInput)) === null || _b === void 0 ? void 0 : _b.nodeByUrl[prettyUrlOrMapIdTocId];
     }
-    async getPage(number) {
-        const enrichedToc = await this.getEnrichedToc();
+    async getPage(number, translationInput) {
+        const enrichedToc = await this.getEnrichedToc(translationInput);
         return enrichedToc.pages[number - 1] || enrichedToc.pages[0];
     }
-    async getPageByTocId(tocId) {
-        const enrichedToc = await this.getEnrichedToc();
+    async getPageByTocId(tocId, translationInput) {
+        const enrichedToc = await this.getEnrichedToc(translationInput);
         return enrichedToc.pageByTocId[tocId] || enrichedToc.pages[0];
     }
     getTopicInfo(tocNode) {
@@ -90,6 +97,9 @@ export class FtReaderService extends FtServiceWithCache {
     getTopicContent(tocNode) {
         return this.cache.get("topic-content-" + tocNode.tocId, () => this.fetchTopicHTMLContent(tocNode));
     }
+    getTranslatedTopicContent(tocNode, translationInput) {
+        return this.cache.get(this.makeCacheKey("translated-topic-content-" + tocNode.tocId, translationInput), () => this.fetchTranslatedTopicHTMLContent(tocNode, translationInput));
+    }
     getAttachments() {
         return this.cache.get("map-attachments", () => this.fetchAttachments());
     }
@@ -117,10 +127,10 @@ export class FtReaderService extends FtServiceWithCache {
         }
         return url.href;
     }
-    getNavigationData(tocId, pageNumber, section) {
+    getNavigationData(tocId, pageNumber, section, translationInput) {
         var _a, _b;
         tocId = tocId || "root";
-        const enrichedToc = this.enrichedToc;
+        const enrichedToc = this.getEnrichedTocNow(translationInput);
         const page = enrichedToc === null || enrichedToc === void 0 ? void 0 : enrichedToc.pageByTocId[tocId];
         const node = enrichedToc === null || enrichedToc === void 0 ? void 0 : enrichedToc.nodeByTocId[tocId];
         const prettyUrl = node === null || node === void 0 ? void 0 : node.prettyUrl;
@@ -128,15 +138,16 @@ export class FtReaderService extends FtServiceWithCache {
             mapId: this.mapId,
             tocId,
             topicTitle: (_a = node === null || node === void 0 ? void 0 : node.title) !== null && _a !== void 0 ? _a : "",
+            untranslatedTopicTitle: node === null || node === void 0 ? void 0 : node.untranslatedTitle,
             page: pageNumber && page && page.number !== pageNumber ? pageNumber : undefined,
             prettyUrl: prettyUrl != null ? prettyUrl.replace(/^r\//, "") : undefined,
             prettyUrlDuplicated: (_b = enrichedToc === null || enrichedToc === void 0 ? void 0 : enrichedToc.duplicatedPrettyUrls.has(prettyUrl !== null && prettyUrl !== void 0 ? prettyUrl : "")) !== null && _b !== void 0 ? _b : false,
             section: section
         };
     }
-    async getAccurateNavigationData(tocId, pageNumber, section) {
-        await this.getEnrichedToc();
-        return this.getNavigationData(tocId, pageNumber, section);
+    async getAccurateNavigationData(tocId, pageNumber, section, translationInput) {
+        await this.getEnrichedToc(translationInput);
+        return this.getNavigationData(tocId, pageNumber, section, translationInput);
     }
     getRatingSummary() {
         return this.cache.get("ratingSummary");
@@ -187,13 +198,13 @@ export class FtReaderService extends FtServiceWithCache {
     themeStylesheet() {
         return this.api.makeAbsolute(this.api.endpoints.stylesheets.theme);
     }
-    buildBreadcrumb(tocId) {
-        let target = this.getTocNodeNow(tocId);
-        let breadcrumb = [{ tocId: target.tocId, title: target.title }];
-        let parent = this.getTocNodeNow(target.parentTocId);
+    buildBreadcrumb(tocId, translationInput) {
+        let target = this.getTocNodeNow(tocId, translationInput);
+        let breadcrumb = [{ tocId: target.tocId, title: target.title, untranslatedTitle: target.untranslatedTitle }];
+        let parent = this.getTocNodeNow(target.parentTocId, translationInput);
         while (parent) {
-            breadcrumb.unshift({ tocId: parent.tocId, title: parent.title });
-            parent = this.getTocNodeNow(parent.parentTocId);
+            breadcrumb.unshift({ tocId: parent.tocId, title: parent.title, untranslatedTitle: parent.untranslatedTitle });
+            parent = this.getTocNodeNow(parent.parentTocId, translationInput);
         }
         return breadcrumb;
     }