@fluid-topics/ft-reader-feedback 1.1.31 → 1.1.32

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

@@ -15,6 +15,7 @@ export declare class FtReaderMapFeedback extends FtReaderMapFeedback_base implem
     configuration?: FtReaderFeedbackConfiguration;
     ratingSummary?: FtPublicationRatingSummary;
     hideTitle: boolean;
+    withMoreOptionsButton: boolean;
     iconVariant: FtIconVariants;
     emptyStarIcon?: string;
     filledStarIcon?: string;
@@ -33,10 +34,12 @@ export declare class FtReaderMapFeedback extends FtReaderMapFeedback_base implem
     onStoreAvailable(name?: string): void;
     private updateDebouncer;
     private updateData;
+    private fetchRatingSummary;
     private sendRatingDebouncer;
     private rate;
     private sendRating;
     private sendFeedback;
     private onMailerFeedbackSent;
+    private openMoreOptions;
 }
 export {};

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

@@ -6,9 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
-import { Debouncer, FtNotificationEvent, redux } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, FtNotificationEvent, redux, reduxEventListener } from "@fluid-topics/ft-wc-utils";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtReaderFeedback } from "./ft-reader-feedback";
+import { FtRatingType } from "@fluid-topics/public-api";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
 import { FeedbackMailLinkBuilder } from "./utils/mail";
 import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
@@ -16,11 +17,13 @@ import { server } from "./utils/ServerMessages";
 import { feedback } from "./utils/IntegratedFeedbackComponentMessages";
 import { i18n, withI18n } from "@fluid-topics/ft-i18n";
 import { defaultDesignerMessages, designer } from "./utils/InDesignerFeedbackComponentMessages";
+import { OpenMapFeedbackDrawerEvent, SendMailerMapFeedbackEvent } from "./utils/events";
 class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
     constructor() {
         super();
         this.editorMode = false;
         this.hideTitle = false;
+        this.withMoreOptionsButton = false;
         this.iconVariant = FtIconVariants.fluid_topics;
         this.emptyStarIcon = "STAR";
         this.filledStarIcon = "STAR_PLAIN";
@@ -46,6 +49,7 @@ class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
                     .i18nProperties=${this.i18nProperties}
                     .editorMode=${this.editorMode}
                     ?hideTitle=${this.hideTitle}
+                    ?withMoreOptionsButton=${this.withMoreOptionsButton}
                     .ratingSummary=${this.ratingSummary}
                     .session=${this.session}
                     .iconVariant=${this.iconVariant}
@@ -59,6 +63,7 @@ class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
                     @rate=${this.rate}
                     @send-feedback=${this.sendFeedback}
                     @mailer-feedback=${this.onMailerFeedbackSent}
+                    @open-more-options=${this.openMoreOptions}
             ></ft-reader-feedback>
         `;
     }
@@ -85,12 +90,16 @@ class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
     }
     updateData() {
         this.updateDebouncer.run(async () => {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.map && (((_b = (_a = this.session) === null || _a === void 0 ? void 0 : _a.profile) === 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());
+                await this.fetchRatingSummary();
             }
         });
     }
+    async fetchRatingSummary() {
+        var _a;
+        this.ratingSummary = await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.getMapRating());
+    }
     rate(ratingEvent) {
         if (this.ratingSummary) {
             this.ratingSummary = {
@@ -156,7 +165,17 @@ class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
         }
     }
     onMailerFeedbackSent() {
-        this.dispatchEvent(new CustomEvent("ft-reader-mailer-map-feedback", { composed: true, bubbles: true }));
+        this.dispatchEvent(new SendMailerMapFeedbackEvent());
+    }
+    openMoreOptions() {
+        var _a, _b, _c;
+        this.dispatchEvent(new OpenMapFeedbackDrawerEvent({
+            mapId: this.map.id,
+            mapTitle: this.map.title,
+            mapMetadata: ((_a = this.map) === null || _a === void 0 ? void 0 : _a.metadata) || [],
+            ratingType: ((_b = this.ratingSummary) === null || _b === void 0 ? void 0 : _b.type) || FtRatingType.NO_RATING,
+            ratingValue: (_c = this.ratingSummary) === null || _c === void 0 ? void 0 : _c.rating
+        }));
     }
 }
 FtReaderMapFeedback.elementDefinitions = {
@@ -183,6 +202,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtReaderMapFeedback.prototype, "hideTitle", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtReaderMapFeedback.prototype, "withMoreOptionsButton", void 0);
 __decorate([
     property()
 ], FtReaderMapFeedback.prototype, "iconVariant", void 0);
@@ -210,4 +232,7 @@ __decorate([
 __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);
+__decorate([
+    reduxEventListener({ eventName: "rating-changed" })
+], FtReaderMapFeedback.prototype, "fetchRatingSummary", null);
 export { FtReaderMapFeedback };

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

@@ -17,6 +17,7 @@ export declare class FtReaderTopicFeedback extends FtReaderTopicFeedback_base im
     configuration?: FtReaderFeedbackConfiguration;
     ratingSummary?: FtTopicRatingSummary;
     hideTitle: boolean;
+    withMoreOptionsButton: boolean;
     iconVariant: FtIconVariants;
     emptyStarIcon?: string;
     filledStarIcon?: string;
@@ -34,10 +35,12 @@ export declare class FtReaderTopicFeedback extends FtReaderTopicFeedback_base im
     connectedCallback(): void;
     private updateDebouncer;
     private updateData;
+    private fetchRatingSummary;
     private sendRatingDebouncer;
     private rate;
     private sendRating;
     private sendFeedback;
     private onMailerFeedbackSent;
+    private openMoreOptions;
 }
 export {};

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

@@ -6,9 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
-import { Debouncer, FtNotificationEvent, redux } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, FtNotificationEvent, redux, reduxEventListener } from "@fluid-topics/ft-wc-utils";
 import { FtReaderFeedback } from "./ft-reader-feedback";
 import { FtReaderTopicComponent } from "@fluid-topics/ft-reader-topic-context/build/registration";
+import { FtRatingType } from "@fluid-topics/public-api";
 import { FtIconVariants } from "@fluid-topics/ft-icon";
 import { FeedbackMailLinkBuilder } from "./utils/mail";
 import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
@@ -16,11 +17,13 @@ import { feedback } from "./utils/IntegratedFeedbackComponentMessages";
 import { server } from "./utils/ServerMessages";
 import { i18n, withI18n } from "@fluid-topics/ft-i18n";
 import { defaultDesignerMessages, designer } from "./utils/InDesignerFeedbackComponentMessages";
+import { OpenTopicFeedbackDrawerEvent, SendMailerTopicFeedbackEvent } from "./utils/events";
 class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
     constructor() {
         super();
         this.editorMode = false;
         this.hideTitle = false;
+        this.withMoreOptionsButton = false;
         this.iconVariant = FtIconVariants.fluid_topics;
         this.emptyStarIcon = "STAR";
         this.filledStarIcon = "STAR_PLAIN";
@@ -47,6 +50,7 @@ class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
                     ?ratingAllowed=${(_a = this.tocNode) === null || _a === void 0 ? void 0 : _a.hasRating}
                     .editorMode=${this.editorMode}
                     ?hideTitle=${this.hideTitle}
+                    ?withMoreOptionsButton=${this.withMoreOptionsButton}
                     .ratingSummary=${this.ratingSummary}
                     .session=${this.session}
                     .iconVariant=${this.iconVariant}
@@ -60,6 +64,7 @@ class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
                     @rate=${this.rate}
                     @send-feedback=${this.sendFeedback}
                     @mailer-feedback=${this.onMailerFeedbackSent}
+                    @open-more-options=${this.openMoreOptions}
             ></ft-reader-feedback>
         `;
     }
@@ -82,12 +87,16 @@ class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
     }
     updateData() {
         this.updateDebouncer.run(async () => {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.tocNode && (((_b = (_a = this.session) === null || _a === void 0 ? void 0 : _a.profile) === 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));
+                await this.fetchRatingSummary();
             }
         });
     }
+    async fetchRatingSummary() {
+        var _a;
+        this.ratingSummary = await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.getTopicRating(this.tocNode.tocId));
+    }
     rate(ratingEvent) {
         if (this.ratingSummary && this.tocNode) {
             this.ratingSummary = {
@@ -155,10 +164,20 @@ class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
     }
     onMailerFeedbackSent() {
         const topic = this.tocNode;
-        this.dispatchEvent(new CustomEvent("ft-reader-mailer-topic-feedback", {
-            detail: { topic },
-            composed: true,
-            bubbles: true
+        this.dispatchEvent(new SendMailerTopicFeedbackEvent(topic));
+    }
+    openMoreOptions() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        this.dispatchEvent(new OpenTopicFeedbackDrawerEvent({
+            mapId: this.map.id,
+            mapTitle: this.map.title,
+            tocId: this.tocNode.tocId,
+            topicTitle: this.tocNode.title,
+            topicUrl: (_b = (_a = this.service) === null || _a === void 0 ? void 0 : _a.getLink(this.tocNode.tocId)) !== null && _b !== void 0 ? _b : "",
+            mapMetadata: ((_c = this.map) === null || _c === void 0 ? void 0 : _c.metadata) || [],
+            breadcrumb: ((_e = (_d = this.stateManager) === null || _d === void 0 ? void 0 : _d.service) === null || _e === void 0 ? void 0 : _e.buildBreadcrumb(this.tocNode.tocId)) || [],
+            ratingType: (((_f = this.tocNode) === null || _f === void 0 ? void 0 : _f.hasRating) ? (_g = this.ratingSummary) === null || _g === void 0 ? void 0 : _g.type : FtRatingType.NO_RATING) || FtRatingType.NO_RATING,
+            ratingValue: (_h = this.ratingSummary) === null || _h === void 0 ? void 0 : _h.rating
         }));
     }
 }
@@ -186,6 +205,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtReaderTopicFeedback.prototype, "hideTitle", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtReaderTopicFeedback.prototype, "withMoreOptionsButton", void 0);
 __decorate([
     property()
 ], FtReaderTopicFeedback.prototype, "iconVariant", void 0);
@@ -213,4 +235,7 @@ __decorate([
 __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);
+__decorate([
+    reduxEventListener({ eventName: "rating-changed" })
+], FtReaderTopicFeedback.prototype, "fetchRatingSummary", null);
 export { FtReaderTopicFeedback };

package/build/utils/IntegratedFeedbackComponentMessages.d.ts

@@ -13,6 +13,7 @@ export interface IntegratedFeedbackComponentMessages extends I18nMessages {
     feedbackfromEmail(): string;
     feedbackfromEmailInvalid(): string;
     okButton(): string;
+    moreOptionsButton(): string;
     feedbackSuccess(): string;
     feedbackFailure(): string;
     ratingSuccess(): string;

package/build/utils/IntegratedFeedbackComponentMessages.js

@@ -16,6 +16,7 @@ export const defaultMessages = {
     feedbackfromEmailInvalid: "Please enter a valid email address",
     okButton: "Send feedback",
     cancelButton: "Cancel",
+    moreOptionsButton: "More options",
     feedbackSuccess: "Feedback successfully sent. Thank you!",
     feedbackFailure: "Failed to send feedback. Please try again later.",
     ratingSuccess: "Rating successfully sent. Thank you!",

package/build/utils/events.d.ts

@@ -0,0 +1,40 @@
+import { FtReaderBreadcrumb, FtReaderTocNode } from "@fluid-topics/ft-reader-context";
+import { FtMetadata, FtPublicationRating, FtRatingTypeKeys, FtTopicRating } from "@fluid-topics/public-api";
+export interface FtFeedbackEventDetail {
+    message: string;
+    from?: string;
+}
+export declare class SendFeedbackEvent extends CustomEvent<FtFeedbackEventDetail> {
+    constructor(detail: FtFeedbackEventDetail);
+}
+interface OpenTopicFeedbackDrawerEventDetail {
+    mapId: string;
+    mapTitle: string;
+    tocId: string;
+    topicTitle: string;
+    topicUrl: string;
+    mapMetadata: FtMetadata[];
+    breadcrumb: Array<FtReaderBreadcrumb>;
+    ratingType: FtRatingTypeKeys;
+    ratingValue?: FtTopicRating | undefined;
+}
+export declare class OpenTopicFeedbackDrawerEvent extends CustomEvent<OpenTopicFeedbackDrawerEventDetail> {
+    constructor(detail: OpenTopicFeedbackDrawerEventDetail);
+}
+interface OpenMapFeedbackDrawerEventDetail {
+    mapId: string;
+    mapTitle: string;
+    mapMetadata: FtMetadata[];
+    ratingType: FtRatingTypeKeys;
+    ratingValue: FtPublicationRating | undefined;
+}
+export declare class OpenMapFeedbackDrawerEvent extends CustomEvent<OpenMapFeedbackDrawerEventDetail> {
+    constructor(detail: OpenMapFeedbackDrawerEventDetail);
+}
+export declare class SendMailerTopicFeedbackEvent extends CustomEvent<FtReaderTocNode | undefined> {
+    constructor(detail?: FtReaderTocNode);
+}
+export declare class SendMailerMapFeedbackEvent extends CustomEvent<any> {
+    constructor();
+}
+export {};

package/build/utils/events.js

@@ -0,0 +1,42 @@
+export class SendFeedbackEvent extends CustomEvent {
+    constructor(detail) {
+        super("send-feedback", {
+            detail
+        });
+    }
+}
+export class OpenTopicFeedbackDrawerEvent extends CustomEvent {
+    constructor(detail) {
+        super("ft-reader-topic-feedback", {
+            composed: true,
+            bubbles: true,
+            detail
+        });
+    }
+}
+export class OpenMapFeedbackDrawerEvent extends CustomEvent {
+    constructor(detail) {
+        super("ft-reader-feedback", {
+            composed: true,
+            bubbles: true,
+            detail
+        });
+    }
+}
+export class SendMailerTopicFeedbackEvent extends CustomEvent {
+    constructor(detail) {
+        super("ft-reader-mailer-topic-feedback", {
+            composed: true,
+            bubbles: true,
+            detail
+        });
+    }
+}
+export class SendMailerMapFeedbackEvent extends CustomEvent {
+    constructor() {
+        super("ft-reader-mailer-map-feedback", {
+            composed: true,
+            bubbles: true
+        });
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-feedback",
-  "version": "1.1.31",
+  "version": "1.1.32",
   "description": "Feedback forms for a map and its topics in an integrated reader",
   "keywords": [
     "Lit"
@@ -19,13 +19,13 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-app-context": "1.1.31",
-    "@fluid-topics/ft-reader-context": "1.1.31",
-    "@fluid-topics/ft-wc-utils": "1.1.31",
+    "@fluid-topics/ft-app-context": "1.1.32",
+    "@fluid-topics/ft-reader-context": "1.1.32",
+    "@fluid-topics/ft-wc-utils": "1.1.32",
     "lit": "3.1.0"
   },
   "devDependencies": {
     "@fluid-topics/public-api": "1.0.58"
   },
-  "gitHead": "e9db5f3c700c9d25c85c211c8875686bb989da96"
+  "gitHead": "7aceb8fb7c61e391e77ab55affab94df9d3f91aa"
 }