@fluid-topics/ft-reader-feedback 0.3.58 → 0.3.61

package/build/ft-reader-map-feedback.d.ts

@@ -2,17 +2,18 @@ import { nothing, PropertyValues } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderFeedbackProperties } from "./ft-reader-feedback.properties";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
-import { FtReaderFeedback } from "./ft-reader-feedback";
+import { FeedbackI18nProperties, FtReaderFeedback } from "./ft-reader-feedback";
 import { FtMap, FtPublicationRatingSummary, FtReaderFeedbackConfiguration, FtUserProfile } from "@fluid-topics/public-api";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
 import { FeedbackMailLinkBuilder } from "./utils/mail";
-export declare class FtReaderMapFeedback extends FtReaderComponent implements FtReaderFeedbackProperties {
+declare const FtReaderMapFeedback_base: typeof FtReaderComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface);
+export declare class FtReaderMapFeedback extends FtReaderMapFeedback_base implements FtReaderFeedbackProperties {
     static elementDefinitions: ElementDefinitionsMap;
+    user?: FtUserProfile;
     map?: FtMap;
     editorMode: boolean;
     configuration?: FtReaderFeedbackConfiguration;
     ratingSummary?: FtPublicationRatingSummary;
-    user?: FtUserProfile;
     hideTitle: boolean;
     iconVariant: FtIconVariants;
     emptyStarIcon?: string;
@@ -23,6 +24,9 @@ export declare class FtReaderMapFeedback extends FtReaderComponent implements Ft
     filledDislikeIcon?: string;
     readerFeedback: FtReaderFeedback;
     feedbackLinkBuilder: FeedbackMailLinkBuilder;
+    mailSubject: string;
+    i18nProperties: FeedbackI18nProperties;
+    constructor();
     protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
     protected updated(props: PropertyValues): void;
     connectedCallback(): void;
@@ -34,4 +38,5 @@ export declare class FtReaderMapFeedback extends FtReaderComponent implements Ft
     private sendRating;
     private sendFeedback;
 }
+export {};
 //# sourceMappingURL=ft-reader-map-feedback.d.ts.map

package/build/ft-reader-map-feedback.js

@@ -10,11 +10,15 @@ import { Debouncer, FtNotificationEvent, redux } from "@fluid-topics/ft-wc-utils
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtReaderFeedback } from "./ft-reader-feedback";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
-import { mapLabelResolver } from "./utils/labels";
 import { FeedbackMailLinkBuilder } from "./utils/mail";
-export class FtReaderMapFeedback extends FtReaderComponent {
+import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
+import { server } from "./utils/ServerMessages";
+import { feedback } from "./utils/IntegratedFeedbackComponentMessages";
+import { i18n, withI18n } from "@fluid-topics/ft-i18n";
+import { designer } from "./utils/InDesignerFeedbackComponentMessages";
+export class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
     constructor() {
-        super(...arguments);
+        super();
         this.editorMode = false;
         this.hideTitle = false;
         this.iconVariant = FtIconVariants.fluid_topics;
@@ -24,9 +28,16 @@ export class FtReaderMapFeedback extends FtReaderComponent {
         this.filledLikeIcon = "THUMBS_UP_PLAIN";
         this.emptyDislikeIcon = "THUMBS_DOWN";
         this.filledDislikeIcon = "THUMBS_DOWN_PLAIN";
-        this.feedbackLinkBuilder = new FeedbackMailLinkBuilder(mapLabelResolver.resolve("mailDisclaimer"));
+        this.feedbackLinkBuilder = new FeedbackMailLinkBuilder();
+        this.i18nProperties = {
+            feedbackMainTitle: feedback.properties.mapFeedbackMainTitle(),
+            ratingSectionTitle: feedback.properties.mapRatingSectionTitle(),
+            dichotomousRatingSectionTitle: feedback.properties.mapDichotomousRatingSectionTitle(),
+            feedbackSectionTitle: feedback.properties.mapFeedbackSectionTitle(),
+        };
         this.updateDebouncer = new Debouncer(100);
         this.sendRatingDebouncer = new Debouncer(500);
+        this.addStore(ftAppInfoStore);
     }
     render() {
         if (this.map == null) {
@@ -35,9 +46,9 @@ export class FtReaderMapFeedback extends FtReaderComponent {
         return html `
             <ft-reader-feedback
                     ratingAllowed
+                    .i18nProperties=${this.i18nProperties}
                     .editorMode=${this.editorMode}
                     ?hideTitle=${this.hideTitle}
-                    .labelResolver=${mapLabelResolver}
                     .ratingSummary=${this.ratingSummary}
                     .user=${this.user}
                     .iconVariant=${this.iconVariant}
@@ -59,8 +70,8 @@ export class FtReaderMapFeedback extends FtReaderComponent {
         if (props.has("map") && this.map) {
             this.updateData();
         }
-        if (["map", "configuration", "user"].some(p => props.has(p)) && this.map && this.configuration) {
-            this.feedbackLinkBuilder.update(mapLabelResolver.resolve("mailSubject", this.map.title), (_b = (_a = this.service) === null || _a === void 0 ? void 0 : _a.getLink()) !== null && _b !== void 0 ? _b : "", this.map.metadata, this.configuration, ((_c = this.user) === null || _c === void 0 ? void 0 : _c.userId) != null);
+        if (["map", "configuration", "user", "mailSubject"].some(p => props.has(p)) && this.map && this.configuration) {
+            this.feedbackLinkBuilder.update(this.mailSubject, (_b = (_a = this.service) === null || _a === void 0 ? void 0 : _a.getLink()) !== null && _b !== void 0 ? _b : "", this.map.metadata, this.configuration, ((_c = this.user) === null || _c === void 0 ? void 0 : _c.userId) != null);
         }
     }
     connectedCallback() {
@@ -73,10 +84,9 @@ export class FtReaderMapFeedback extends FtReaderComponent {
     }
     updateData() {
         this.updateDebouncer.run(async () => {
-            var _a, _b, _c;
-            this.user = await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.getSession().then(s => s.profile));
-            if (this.map && (((_b = this.user) === null || _b === void 0 ? void 0 : _b.userId) || this.ratingSummary == null)) {
-                this.ratingSummary = await ((_c = this.service) === null || _c === void 0 ? void 0 : _c.getMapRating());
+            var _a, _b;
+            if (this.map && (((_a = this.user) === null || _a === void 0 ? void 0 : _a.userId) || this.ratingSummary == null)) {
+                this.ratingSummary = await ((_b = this.service) === null || _b === void 0 ? void 0 : _b.getMapRating());
             }
         });
     }
@@ -107,7 +117,7 @@ export class FtReaderMapFeedback extends FtReaderComponent {
             catch {
                 this.dispatchEvent(new FtNotificationEvent({
                     type: "error",
-                    message: mapLabelResolver.resolve("ratingFailure")
+                    message: feedback.messages.ratingFailure()
                 }));
             }
             this.updateData();
@@ -115,7 +125,7 @@ export class FtReaderMapFeedback extends FtReaderComponent {
         else if (this.editorMode) {
             this.dispatchEvent(new FtNotificationEvent({
                 type: "info",
-                message: mapLabelResolver.resolve("feedbackAndRatingDisabledInEditor")
+                message: designer.messages.feedbackAndRatingDisabledInEditor()
             }));
         }
     }
@@ -126,13 +136,13 @@ export class FtReaderMapFeedback extends FtReaderComponent {
                 await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.sendMapFeedback(ratingEvent.detail));
                 this.dispatchEvent(new FtNotificationEvent({
                     type: "info",
-                    message: mapLabelResolver.resolve("feedbackSuccess")
+                    message: feedback.messages.feedbackSuccess()
                 }));
             }
             else {
                 this.dispatchEvent(new FtNotificationEvent({
                     type: "info",
-                    message: mapLabelResolver.resolve("feedbackAndRatingDisabledInEditor")
+                    message: designer.messages.feedbackAndRatingDisabledInEditor()
                 }));
             }
             this.readerFeedback.clearFeedbackInput();
@@ -140,7 +150,7 @@ export class FtReaderMapFeedback extends FtReaderComponent {
         catch {
             this.dispatchEvent(new FtNotificationEvent({
                 type: "error",
-                message: mapLabelResolver.resolve("feedbackFailure")
+                message: feedback.messages.feedbackFailure()
             }));
         }
     }
@@ -149,20 +159,26 @@ FtReaderMapFeedback.elementDefinitions = {
     "ft-reader-feedback": FtReaderFeedback
 };
 __decorate([
-    redux()
+    redux({
+        store: ftAppInfoStore.name,
+        selector: (s) => { var _a; return (_a = s.session) === null || _a === void 0 ? void 0 : _a.profile; }
+    })
+], FtReaderMapFeedback.prototype, "user", void 0);
+__decorate([
+    redux({ store: "reader" })
 ], FtReaderMapFeedback.prototype, "map", void 0);
 __decorate([
-    property({ attribute: false })
+    redux({ store: ftAppInfoStore.name })
 ], FtReaderMapFeedback.prototype, "editorMode", void 0);
 __decorate([
-    redux((state) => { var _a; return (_a = state.configuration) === null || _a === void 0 ? void 0 : _a.feedback; })
+    redux({
+        store: "reader",
+        selector: (state) => { var _a; return (_a = state.configuration) === null || _a === void 0 ? void 0 : _a.feedback; }
+    })
 ], FtReaderMapFeedback.prototype, "configuration", void 0);
 __decorate([
     state()
 ], FtReaderMapFeedback.prototype, "ratingSummary", void 0);
-__decorate([
-    state()
-], FtReaderMapFeedback.prototype, "user", void 0);
 __decorate([
     property({ type: Boolean })
 ], FtReaderMapFeedback.prototype, "hideTitle", void 0);
@@ -190,4 +206,7 @@ __decorate([
 __decorate([
     query("ft-reader-feedback")
 ], FtReaderMapFeedback.prototype, "readerFeedback", void 0);
+__decorate([
+    i18n(server.properties["mail.map_feedback.subject"]((self) => { var _a; return [(_a = self.map) === null || _a === void 0 ? void 0 : _a.title]; }))
+], FtReaderMapFeedback.prototype, "mailSubject", void 0);
 //# sourceMappingURL=ft-reader-map-feedback.js.map

package/build/ft-reader-topic-feedback.d.ts

@@ -1,20 +1,21 @@
 import { nothing, PropertyValues } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderFeedbackProperties } from "./ft-reader-feedback.properties";
-import { FtReaderFeedback } from "./ft-reader-feedback";
+import { FeedbackI18nProperties, FtReaderFeedback } from "./ft-reader-feedback";
 import { FtReaderTopicComponent } from "@fluid-topics/ft-reader-topic-context/build/registration";
 import type { FtMap, FtUserProfile } from "@fluid-topics/public-api";
 import { FtReaderFeedbackConfiguration } from "@fluid-topics/public-api";
 import { FtTopicRatingSummary } from "@fluid-topics/ft-reader-context/build/store/model";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
 import { FeedbackMailLinkBuilder } from "./utils/mail";
-export declare class FtReaderTopicFeedback extends FtReaderTopicComponent implements FtReaderFeedbackProperties {
+declare const FtReaderTopicFeedback_base: typeof FtReaderTopicComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface);
+export declare class FtReaderTopicFeedback extends FtReaderTopicFeedback_base implements FtReaderFeedbackProperties {
     static elementDefinitions: ElementDefinitionsMap;
+    user?: FtUserProfile;
     map?: FtMap;
     editorMode: boolean;
     configuration?: FtReaderFeedbackConfiguration;
     ratingSummary?: FtTopicRatingSummary;
-    user?: FtUserProfile;
     hideTitle: boolean;
     iconVariant: FtIconVariants;
     emptyStarIcon?: string;
@@ -25,13 +26,18 @@ export declare class FtReaderTopicFeedback extends FtReaderTopicComponent implem
     filledDislikeIcon?: string;
     readerFeedback: FtReaderFeedback;
     feedbackLinkBuilder: FeedbackMailLinkBuilder;
+    mailSubject: string;
+    i18nProperties: FeedbackI18nProperties;
+    constructor();
     protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
     protected updated(props: PropertyValues): void;
     connectedCallback(): void;
+    private updateDebouncer;
     private updateData;
     private sendRatingDebouncer;
     private rate;
     private sendRating;
     private sendFeedback;
 }
+export {};
 //# sourceMappingURL=ft-reader-topic-feedback.d.ts.map

package/build/ft-reader-topic-feedback.js

@@ -10,11 +10,15 @@ import { Debouncer, FtNotificationEvent, redux } from "@fluid-topics/ft-wc-utils
 import { FtReaderFeedback } from "./ft-reader-feedback";
 import { FtReaderTopicComponent } from "@fluid-topics/ft-reader-topic-context/build/registration";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
-import { topicLabelResolver } from "./utils/labels";
 import { FeedbackMailLinkBuilder } from "./utils/mail";
-export class FtReaderTopicFeedback extends FtReaderTopicComponent {
+import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
+import { feedback } from "./utils/IntegratedFeedbackComponentMessages";
+import { server } from "./utils/ServerMessages";
+import { i18n, withI18n } from "@fluid-topics/ft-i18n";
+import { designer } from "./utils/InDesignerFeedbackComponentMessages";
+export class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
     constructor() {
-        super(...arguments);
+        super();
         this.editorMode = false;
         this.hideTitle = false;
         this.iconVariant = FtIconVariants.fluid_topics;
@@ -24,8 +28,16 @@ export class FtReaderTopicFeedback extends FtReaderTopicComponent {
         this.filledLikeIcon = "THUMBS_UP_PLAIN";
         this.emptyDislikeIcon = "THUMBS_DOWN";
         this.filledDislikeIcon = "THUMBS_DOWN_PLAIN";
-        this.feedbackLinkBuilder = new FeedbackMailLinkBuilder(topicLabelResolver.resolve("mailDisclaimer"));
+        this.feedbackLinkBuilder = new FeedbackMailLinkBuilder();
+        this.i18nProperties = {
+            feedbackMainTitle: feedback.properties.topicFeedbackMainTitle(),
+            ratingSectionTitle: feedback.properties.topicRatingSectionTitle(),
+            dichotomousRatingSectionTitle: feedback.properties.topicDichotomousRatingSectionTitle(),
+            feedbackSectionTitle: feedback.properties.topicFeedbackSectionTitle(),
+        };
+        this.updateDebouncer = new Debouncer(100);
         this.sendRatingDebouncer = new Debouncer(500);
+        this.addStore(ftAppInfoStore);
     }
     render() {
         if (this.map == null || this.tocNode == null) {
@@ -33,10 +45,10 @@ export class FtReaderTopicFeedback extends FtReaderTopicComponent {
         }
         return html `
             <ft-reader-feedback
+                    .i18nProperties=${this.i18nProperties}
                     ?ratingAllowed=${this.tocNode.hasRating}
                     .editorMode=${this.editorMode}
                     ?hideTitle=${this.hideTitle}
-                    .labelResolver=${topicLabelResolver}
                     .ratingSummary=${this.ratingSummary}
                     .user=${this.user}
                     .iconVariant=${this.iconVariant}
@@ -55,23 +67,24 @@ export class FtReaderTopicFeedback extends FtReaderTopicComponent {
     updated(props) {
         var _a, _b, _c;
         super.updated(props);
-        if (props.has("tocNode") && this.tocNode) {
+        if (["tocNode", "user"].some(p => props.has(p)) && this.tocNode) {
             this.updateData();
         }
-        if (["map", "tocNode", "configuration", "user"].some(p => props.has(p)) && this.map && this.tocNode && this.configuration) {
-            this.feedbackLinkBuilder.update(topicLabelResolver.resolve("mailSubject", this.tocNode.title, this.map.title), (_b = (_a = this.service) === null || _a === void 0 ? void 0 : _a.getLink(this.tocNode.tocId)) !== null && _b !== void 0 ? _b : "", this.map.metadata, this.configuration, ((_c = this.user) === null || _c === void 0 ? void 0 : _c.userId) != null);
+        if (["map", "tocNode", "configuration", "user", "mailSubject"].some(p => props.has(p)) && this.map && this.tocNode && this.configuration) {
+            this.feedbackLinkBuilder.update(this.mailSubject, (_b = (_a = this.service) === null || _a === void 0 ? void 0 : _a.getLink(this.tocNode.tocId)) !== null && _b !== void 0 ? _b : "", this.map.metadata, this.configuration, ((_c = this.user) === null || _c === void 0 ? void 0 : _c.userId) != null);
         }
     }
     connectedCallback() {
         super.connectedCallback();
         this.updateData();
     }
-    async updateData() {
-        var _a, _b, _c;
-        this.user = await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.getSession().then(s => s.profile));
-        if (this.tocNode && (((_b = this.user) === null || _b === void 0 ? void 0 : _b.userId) || this.ratingSummary == null)) {
-            this.ratingSummary = await ((_c = this.service) === null || _c === void 0 ? void 0 : _c.getTopicRating(this.tocNode.tocId));
-        }
+    updateData() {
+        this.updateDebouncer.run(async () => {
+            var _a, _b;
+            if (this.tocNode && (((_a = this.user) === null || _a === void 0 ? void 0 : _a.userId) || this.ratingSummary == null)) {
+                this.ratingSummary = await ((_b = this.service) === null || _b === void 0 ? void 0 : _b.getTopicRating(this.tocNode.tocId));
+            }
+        });
     }
     rate(ratingEvent) {
         if (this.ratingSummary && this.tocNode) {
@@ -101,7 +114,7 @@ export class FtReaderTopicFeedback extends FtReaderTopicComponent {
             catch {
                 this.dispatchEvent(new FtNotificationEvent({
                     type: "error",
-                    message: topicLabelResolver.resolve("ratingFailure")
+                    message: feedback.messages.ratingFailure()
                 }));
             }
             this.updateData();
@@ -109,7 +122,7 @@ export class FtReaderTopicFeedback extends FtReaderTopicComponent {
         else if (this.editorMode) {
             this.dispatchEvent(new FtNotificationEvent({
                 type: "info",
-                message: topicLabelResolver.resolve("feedbackAndRatingDisabledInEditor")
+                message: designer.messages.feedbackAndRatingDisabledInEditor()
             }));
         }
     }
@@ -120,21 +133,21 @@ export class FtReaderTopicFeedback extends FtReaderTopicComponent {
                 await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.sendTopicFeedback(this.tocNode.tocId, ratingEvent.detail));
                 this.dispatchEvent(new FtNotificationEvent({
                     type: "info",
-                    message: topicLabelResolver.resolve("feedbackSuccess")
+                    message: feedback.messages.feedbackSuccess()
                 }));
                 this.readerFeedback.clearFeedbackInput();
             }
             else if (this.editorMode) {
                 this.dispatchEvent(new FtNotificationEvent({
                     type: "info",
-                    message: topicLabelResolver.resolve("feedbackAndRatingDisabledInEditor")
+                    message: designer.messages.feedbackAndRatingDisabledInEditor()
                 }));
             }
         }
         catch {
             this.dispatchEvent(new FtNotificationEvent({
                 type: "error",
-                message: topicLabelResolver.resolve("feedbackFailure")
+                message: feedback.messages.feedbackFailure()
             }));
         }
     }
@@ -143,20 +156,26 @@ FtReaderTopicFeedback.elementDefinitions = {
     "ft-reader-feedback": FtReaderFeedback
 };
 __decorate([
-    redux()
+    redux({
+        store: ftAppInfoStore.name,
+        selector: (s) => { var _a; return (_a = s.session) === null || _a === void 0 ? void 0 : _a.profile; }
+    })
+], FtReaderTopicFeedback.prototype, "user", void 0);
+__decorate([
+    redux({ store: "reader" })
 ], FtReaderTopicFeedback.prototype, "map", void 0);
 __decorate([
-    property({ attribute: false })
+    redux({ store: ftAppInfoStore.name })
 ], FtReaderTopicFeedback.prototype, "editorMode", void 0);
 __decorate([
-    redux((state) => { var _a; return (_a = state.configuration) === null || _a === void 0 ? void 0 : _a.feedback; })
+    redux({
+        store: "reader",
+        selector: (state) => { var _a; return (_a = state.configuration) === null || _a === void 0 ? void 0 : _a.feedback; }
+    })
 ], FtReaderTopicFeedback.prototype, "configuration", void 0);
 __decorate([
     state()
 ], FtReaderTopicFeedback.prototype, "ratingSummary", void 0);
-__decorate([
-    state()
-], FtReaderTopicFeedback.prototype, "user", void 0);
 __decorate([
     property({ type: Boolean })
 ], FtReaderTopicFeedback.prototype, "hideTitle", void 0);
@@ -184,4 +203,7 @@ __decorate([
 __decorate([
     query("ft-reader-feedback")
 ], FtReaderTopicFeedback.prototype, "readerFeedback", void 0);
+__decorate([
+    i18n(server.properties["mail.feedback.subject"]((self) => { var _a, _b; return [(_a = self.tocNode) === null || _a === void 0 ? void 0 : _a.title, (_b = self.map) === null || _b === void 0 ? void 0 : _b.title]; }))
+], FtReaderTopicFeedback.prototype, "mailSubject", void 0);
 //# sourceMappingURL=ft-reader-topic-feedback.js.map

package/build/utils/InDesignerFeedbackComponentMessages.d.ts

@@ -0,0 +1,11 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+export interface InDesignerFeedbackComponentMessages extends I18nMessages {
+    ratingNotConfigured(): string;
+    missingRatingRole(): string;
+    missingFeedbackRole(): string;
+    inDesignerOnlyNotice(): string;
+    feedbackAndRatingDisabledInEditor(): string;
+}
+export declare const designer: I18nMessageContext<InDesignerFeedbackComponentMessages>;
+export declare const defaultDesignerMessages: DefaultI18nMessages<InDesignerFeedbackComponentMessages>;
+//# sourceMappingURL=InDesignerFeedbackComponentMessages.d.ts.map

package/build/utils/InDesignerFeedbackComponentMessages.js

@@ -0,0 +1,10 @@
+import { I18nMessageContext } from "@fluid-topics/ft-i18n";
+export const designer = I18nMessageContext.build("inDesignerFeedbackComponent");
+export const defaultDesignerMessages = {
+    ratingNotConfigured: "Rating unavailable: no rating configured for this content.",
+    missingRatingRole: "Rating unavailable: missing role RATING_USER.",
+    missingFeedbackRole: "Feedback unavailable: missing role FEEDBACK_USER.",
+    inDesignerOnlyNotice: "This notice will not appear outside this designer.",
+    feedbackAndRatingDisabledInEditor: "Feedback and ratings performed here are not taken into account."
+};
+//# sourceMappingURL=InDesignerFeedbackComponentMessages.js.map

package/build/utils/IntegratedFeedbackComponentMessages.d.ts

@@ -0,0 +1,29 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+export interface IntegratedFeedbackComponentMessages extends I18nMessages {
+    starsRating(value: number): string;
+    like(): string;
+    dislike(): string;
+    dichotomousYes(): string;
+    dichotomousNo(): string;
+    notRated(): string;
+    ratedNow(): string;
+    ratedToday(): string;
+    ratedOn(date: Date): string;
+    feedbackInputLabel(): string;
+    okButton(): string;
+    feedbackSuccess(): string;
+    feedbackFailure(): string;
+    ratingSuccess(): string;
+    ratingFailure(): string;
+    mapFeedbackMainTitle(): string;
+    mapRatingSectionTitle(): string;
+    mapFeedbackSectionTitle(): string;
+    mapDichotomousRatingSectionTitle(): string;
+    topicFeedbackMainTitle(): string;
+    topicRatingSectionTitle(): string;
+    topicFeedbackSectionTitle(): string;
+    topicDichotomousRatingSectionTitle(): string;
+}
+export declare const feedback: I18nMessageContext<IntegratedFeedbackComponentMessages>;
+export declare const defaultMessages: DefaultI18nMessages<IntegratedFeedbackComponentMessages>;
+//# sourceMappingURL=IntegratedFeedbackComponentMessages.d.ts.map

package/build/utils/IntegratedFeedbackComponentMessages.js

@@ -0,0 +1,30 @@
+import { I18nMessageContext } from "@fluid-topics/ft-i18n";
+export const feedback = I18nMessageContext.build("integratedFeedbackComponent");
+export const defaultMessages = {
+    starsRating: "{0} stars",
+    "starsRating[\\=1]": "1 star",
+    like: "Like",
+    dislike: "Dislike",
+    dichotomousYes: "Yes",
+    dichotomousNo: "No",
+    notRated: "Not rated",
+    ratedNow: "Rated now",
+    ratedToday: "Rated today",
+    ratedOn: "Rated on {0, date}",
+    feedbackInputLabel: "How can we improve it?",
+    okButton: "Send feedback",
+    cancelButton: "Cancel",
+    feedbackSuccess: "Feedback successfully sent. Thank you!",
+    feedbackFailure: "Failed to send feedback. Please try again later.",
+    ratingSuccess: "Rating successfully sent. Thank you!",
+    ratingFailure: "Failed to send rating. Please try again later.",
+    mapFeedbackMainTitle: "Send feedback",
+    mapRatingSectionTitle: "Rate this document",
+    mapDichotomousRatingSectionTitle: "Did it solve your problem?",
+    mapFeedbackSectionTitle: "Write your review",
+    topicFeedbackMainTitle: "Send feedback",
+    topicRatingSectionTitle: "Rate this content",
+    topicDichotomousRatingSectionTitle: "Did this content solve your problem?",
+    topicFeedbackSectionTitle: "Write your review",
+};
+//# sourceMappingURL=IntegratedFeedbackComponentMessages.js.map

package/build/utils/ServerMessages.d.ts

@@ -0,0 +1,21 @@
+import { I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+interface ServerMessages extends I18nMessages {
+    ["mail.feedback.subject"](topicTitle: string, mapTitle: string): string;
+    ["mail.feedback.title"](topicTitle: string, mapTitle: string): string;
+    ["mail.map_feedback.subject"](mapTitle: string): string;
+    ["mail.map_feedback.title"](mapTitle: string): string;
+    ["mail.feedback.disclaimer"](): string;
+    ["mail.feedback.ratingStarsMessage0"](): string;
+    ["mail.feedback.ratingStarsMessage1"](): string;
+    ["mail.feedback.ratingStarsMessage2"](): string;
+    ["mail.feedback.ratingStarsMessage3"](): string;
+    ["mail.feedback.ratingStarsMessage4"](): string;
+    ["mail.feedback.ratingStarsMessage5"](): string;
+    ["mail.feedback.ratingNoLikeMessage"](): string;
+    ["mail.feedback.ratingLikeMessage"](): string;
+    ["mail.feedback.ratingDichotomousNoMessage"](): string;
+    ["mail.feedback.ratingDichotomousYesMessage"](): string;
+}
+export declare const server: I18nMessageContext<ServerMessages>;
+export {};
+//# sourceMappingURL=ServerMessages.d.ts.map

package/build/utils/ServerMessages.js

@@ -0,0 +1,3 @@
+import { I18nMessageContext } from "@fluid-topics/ft-i18n";
+export const server = I18nMessageContext.fromGwt("server");
+//# sourceMappingURL=ServerMessages.js.map

package/build/utils/mail.d.ts

@@ -1,13 +1,11 @@
 import { FtMetadata, FtReaderFeedbackConfiguration } from "@fluid-topics/public-api";
 export declare class FeedbackMailLinkBuilder {
-    private disclaimer;
     private subject;
     private url;
     private allMetadata;
     private subjectMetadata;
     private configuration?;
     private isAuthenticated;
-    constructor(disclaimer: string);
     update(subject: string, url: string, metadata: Array<FtMetadata>, configuration: FtReaderFeedbackConfiguration, isAuthenticated: boolean): void;
     build(feedbackMessage: string): string | undefined;
 }

package/build/utils/mail.js

@@ -1,6 +1,6 @@
+import { server } from "./ServerMessages";
 export class FeedbackMailLinkBuilder {
-    constructor(disclaimer) {
-        this.disclaimer = disclaimer;
+    constructor() {
         this.subject = "";
         this.url = "";
         this.allMetadata = "";
@@ -35,7 +35,7 @@ _________________________________________________________________
 ${feedbackMessage}
 
 _________________________________________________________________
-${this.disclaimer}`);
+${server.messages["mail.feedback.disclaimer"]()}`);
         return `mailto:${(_b = this.configuration) === null || _b === void 0 ? void 0 : _b.recipients.join(",")}?subject=${subject}&body=${body}`;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-feedback",
-  "version": "0.3.58",
+  "version": "0.3.61",
   "description": "Feedback forms for a map and its topics in an integrated reader",
   "keywords": [
     "Lit"
@@ -19,8 +19,10 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-wc-utils": "0.3.58",
+    "@fluid-topics/ft-app-context": "0.3.61",
+    "@fluid-topics/ft-reader-context": "0.3.61",
+    "@fluid-topics/ft-wc-utils": "0.3.61",
     "lit": "2.2.8"
   },
-  "gitHead": "c053ee1216238ba6b2c62e5add329343f735c77e"
+  "gitHead": "12a4024fb3084b17772a3aef10723d22ae56c877"
 }

package/build/utils/labels.d.ts

@@ -1,30 +0,0 @@
-import { ParametrizedLabelResolver, ParametrizedLabels } from "@fluid-topics/ft-wc-utils";
-export interface FtReaderFeedbackLabels extends ParametrizedLabels {
-    feedbackMainTitle?: string;
-    ratingSectionTitle?: string;
-    feedbackSectionTitle?: string;
-    starsRating?: string;
-    "starsRating[\\=1]"?: string;
-    like?: string;
-    dislike?: string;
-    dichotomousRatingSectionTitle?: string;
-    dichotomousYes?: string;
-    dichotomousNo?: string;
-    notRated?: string;
-    ratedNow?: string;
-    ratedToday?: string;
-    ratedOn?: string;
-    feedbackInputLabel?: string;
-    okButton?: string;
-    cancelButton?: string;
-    mailSubject?: string;
-    mailDisclaimer?: string;
-    feedbackSuccess?: string;
-    feedbackFailure?: string;
-    ratingSuccess?: string;
-    ratingFailure?: string;
-    feedbackAndRatingDisabledInEditor?: string;
-}
-export declare const topicLabelResolver: ParametrizedLabelResolver<FtReaderFeedbackLabels>;
-export declare const mapLabelResolver: ParametrizedLabelResolver<FtReaderFeedbackLabels>;
-//# sourceMappingURL=labels.d.ts.map

package/build/utils/labels.js

@@ -1,40 +0,0 @@
-import { ParametrizedLabelResolver } from "@fluid-topics/ft-wc-utils";
-const DEFAULT_LABELS = {
-    starsRating: "{0} stars",
-    "starsRating[\\=1]": "1 star",
-    like: "Like",
-    dislike: "Dislike",
-    dichotomousYes: "Yes",
-    dichotomousNo: "No",
-    notRated: "Not rated",
-    ratedNow: "Rated now",
-    ratedToday: "Rated today",
-    ratedOn: "Rated on {0, date}",
-    feedbackInputLabel: "How can we improve it?",
-    okButton: "Send feedback",
-    cancelButton: "Cancel",
-    feedbackSuccess: "Feedback successfully sent. Thank you!",
-    feedbackFailure: "Failed to send feedback. Please try again later.",
-    ratingSuccess: "Rating successfully sent. Thank you!",
-    ratingFailure: "Failed to send rating. Please try again later.",
-    feedbackAndRatingDisabledInEditor: "Feedback and ratings performed here are not taken into account.",
-};
-const DEFAULT_MAP_LABELS = {
-    ...DEFAULT_LABELS,
-    feedbackMainTitle: "Send feedback",
-    ratingSectionTitle: "Rate this document",
-    dichotomousRatingSectionTitle: "Did it solve your problem?",
-    feedbackSectionTitle: "Write your review",
-    mailSubject: "Feedback about “{0}”",
-};
-const DEFAULT_TOPIC_LABELS = {
-    ...DEFAULT_LABELS,
-    feedbackMainTitle: "Send feedback",
-    ratingSectionTitle: "Rate this content",
-    dichotomousRatingSectionTitle: "Did this content solve your problem?",
-    feedbackSectionTitle: "Write your review",
-    mailSubject: "Feedback about “{0}” in “{1}”",
-};
-export const topicLabelResolver = new ParametrizedLabelResolver(DEFAULT_TOPIC_LABELS, {});
-export const mapLabelResolver = new ParametrizedLabelResolver(DEFAULT_MAP_LABELS, {});
-//# sourceMappingURL=labels.js.map