@fluid-topics/ft-reader-feedback 0.3.55

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

@@ -0,0 +1,14 @@
+import { FtUserProfile } from "@fluid-topics/public-api";
+import { FtIconVariants } from "@fluid-topics/ft-icon";
+export interface FtReaderFeedbackProperties {
+    editorMode?: boolean;
+    user?: FtUserProfile;
+    iconVariant: FtIconVariants;
+    emptyStarIcon?: string;
+    filledStarIcon?: string;
+    emptyLikeIcon?: string;
+    filledLikeIcon?: string;
+    emptyDislikeIcon?: string;
+    filledDislikeIcon?: string;
+}
+//# sourceMappingURL=ft-reader-feedback.properties.d.ts.map

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ft-reader-feedback.properties.js.map

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

@@ -0,0 +1,32 @@
+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 { 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 {
+    static elementDefinitions: ElementDefinitionsMap;
+    map?: FtMap;
+    editorMode: boolean;
+    configuration?: FtReaderFeedbackConfiguration;
+    ratingSummary?: FtPublicationRatingSummary;
+    user?: FtUserProfile;
+    iconVariant: FtIconVariants;
+    emptyStarIcon?: string;
+    filledStarIcon?: string;
+    emptyLikeIcon?: string;
+    filledLikeIcon?: string;
+    emptyDislikeIcon?: string;
+    filledDislikeIcon?: string;
+    readerFeedback: FtReaderFeedback;
+    feedbackLinkBuilder: FeedbackMailLinkBuilder;
+    protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected updated(props: PropertyValues): void;
+    connectedCallback(): void;
+    private updateData;
+    private rate;
+    private sendFeedback;
+}
+//# sourceMappingURL=ft-reader-map-feedback.d.ts.map

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

@@ -0,0 +1,163 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from "lit";
+import { property, query } from "lit/decorators.js";
+import { 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 { state } from "lit/decorators";
+import { FtIconVariants } from "@fluid-topics/ft-icon";
+import { mapLabelResolver } from "./utils/labels";
+import { FeedbackMailLinkBuilder } from "./utils/mail";
+export class FtReaderMapFeedback extends FtReaderComponent {
+    constructor() {
+        super(...arguments);
+        this.editorMode = false;
+        this.iconVariant = FtIconVariants.fluid_topics;
+        this.emptyStarIcon = "STAR";
+        this.filledStarIcon = "STAR_PLAIN";
+        this.emptyLikeIcon = "THUMBS_UP";
+        this.filledLikeIcon = "THUMBS_UP_PLAIN";
+        this.emptyDislikeIcon = "THUMBS_DOWN";
+        this.filledDislikeIcon = "THUMBS_DOWN_PLAIN";
+        this.feedbackLinkBuilder = new FeedbackMailLinkBuilder(mapLabelResolver.resolve("mailDisclaimer"));
+    }
+    render() {
+        if (this.map == null) {
+            return nothing;
+        }
+        return html `
+            <ft-reader-feedback
+                    ratingAllowed
+                    .editorMode=${true}
+                    .labelResolver=${mapLabelResolver}
+                    .ratingSummary=${this.ratingSummary}
+                    .user=${this.user}
+                    .iconVariant=${this.iconVariant}
+                    .emptyStarIcon=${this.emptyStarIcon}
+                    .filledStarIcon=${this.filledStarIcon}
+                    .emptyLikeIcon=${this.emptyLikeIcon}
+                    .filledLikeIcon=${this.filledLikeIcon}
+                    .emptyDislikeIcon=${this.emptyDislikeIcon}
+                    .filledDislikeIcon=${this.filledDislikeIcon}
+                    .feedbackMailLinkBuilder=${(feedbackMessage) => this.feedbackLinkBuilder.build(feedbackMessage)}
+                    @rate=${this.rate}
+                    @send-feedback=${this.sendFeedback}
+            ></ft-reader-feedback>
+        `;
+    }
+    updated(props) {
+        var _a, _b, _c;
+        super.updated(props);
+        if (props.has("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);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateData();
+    }
+    async updateData() {
+        var _a, _b;
+        this.user = await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.getSession().then(s => s.profile));
+        if (this.map) {
+            this.ratingSummary = await ((_b = this.service) === null || _b === void 0 ? void 0 : _b.getMapRating());
+        }
+    }
+    async rate(ratingEvent) {
+        var _a, _b, _c;
+        if (this.ratingSummary) {
+            try {
+                if (ratingEvent.detail == null) {
+                    this.ratingSummary = { ...this.ratingSummary, rating: undefined };
+                    await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.unrateMap());
+                }
+                else {
+                    this.ratingSummary = {
+                        ...this.ratingSummary,
+                        rating: {
+                            type: this.ratingSummary.type,
+                            value: ratingEvent.detail,
+                            date: new Date()
+                        }
+                    };
+                    await ((_b = this.service) === null || _b === void 0 ? void 0 : _b.rateMap((_c = this.ratingSummary) === null || _c === void 0 ? void 0 : _c.type, ratingEvent.detail));
+                }
+            }
+            catch {
+                this.dispatchEvent(new FtNotificationEvent({
+                    type: "error",
+                    message: mapLabelResolver.resolve("ratingFailure")
+                }));
+            }
+        }
+        this.updateData();
+    }
+    async sendFeedback(ratingEvent) {
+        var _a;
+        try {
+            await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.sendMapFeedback(ratingEvent.detail));
+            this.dispatchEvent(new FtNotificationEvent({
+                type: "info",
+                message: mapLabelResolver.resolve("feedbackSuccess")
+            }));
+            this.readerFeedback.clearFeedbackInput();
+        }
+        catch {
+            this.dispatchEvent(new FtNotificationEvent({
+                type: "error",
+                message: mapLabelResolver.resolve("feedbackFailure")
+            }));
+        }
+    }
+}
+FtReaderMapFeedback.elementDefinitions = {
+    "ft-reader-feedback": FtReaderFeedback
+};
+__decorate([
+    redux()
+], FtReaderMapFeedback.prototype, "map", void 0);
+__decorate([
+    property({ attribute: false })
+], FtReaderMapFeedback.prototype, "editorMode", void 0);
+__decorate([
+    redux((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: String })
+], FtReaderMapFeedback.prototype, "iconVariant", void 0);
+__decorate([
+    property({ type: String })
+], FtReaderMapFeedback.prototype, "emptyStarIcon", void 0);
+__decorate([
+    property({ type: String })
+], FtReaderMapFeedback.prototype, "filledStarIcon", void 0);
+__decorate([
+    property({ type: String })
+], FtReaderMapFeedback.prototype, "emptyLikeIcon", void 0);
+__decorate([
+    property({ type: String })
+], FtReaderMapFeedback.prototype, "filledLikeIcon", void 0);
+__decorate([
+    property({ type: String })
+], FtReaderMapFeedback.prototype, "emptyDislikeIcon", void 0);
+__decorate([
+    property({ type: String })
+], FtReaderMapFeedback.prototype, "filledDislikeIcon", void 0);
+__decorate([
+    query("ft-reader-feedback")
+], FtReaderMapFeedback.prototype, "readerFeedback", void 0);
+//# sourceMappingURL=ft-reader-map-feedback.js.map

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

@@ -0,0 +1,34 @@
+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 { 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 {
+    static elementDefinitions: ElementDefinitionsMap;
+    map?: FtMap;
+    editorMode: boolean;
+    configuration?: FtReaderFeedbackConfiguration;
+    ratingSummary?: FtTopicRatingSummary;
+    user?: FtUserProfile;
+    iconVariant: FtIconVariants;
+    emptyStarIcon?: string;
+    filledStarIcon?: string;
+    emptyLikeIcon?: string;
+    filledLikeIcon?: string;
+    emptyDislikeIcon?: string;
+    filledDislikeIcon?: string;
+    readerFeedback: FtReaderFeedback;
+    feedbackLinkBuilder: FeedbackMailLinkBuilder;
+    protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected updated(props: PropertyValues): void;
+    connectedCallback(): void;
+    private updateData;
+    private rate;
+    private sendFeedback;
+}
+//# sourceMappingURL=ft-reader-topic-feedback.d.ts.map

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

@@ -0,0 +1,165 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { 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 {
+    constructor() {
+        super(...arguments);
+        this.editorMode = false;
+        this.iconVariant = FtIconVariants.fluid_topics;
+        this.emptyStarIcon = "STAR";
+        this.filledStarIcon = "STAR_PLAIN";
+        this.emptyLikeIcon = "THUMBS_UP";
+        this.filledLikeIcon = "THUMBS_UP_PLAIN";
+        this.emptyDislikeIcon = "THUMBS_DOWN";
+        this.filledDislikeIcon = "THUMBS_DOWN_PLAIN";
+        this.feedbackLinkBuilder = new FeedbackMailLinkBuilder(topicLabelResolver.resolve("mailDisclaimer"));
+    }
+    render() {
+        if (this.map == null || this.tocNode == null) {
+            return nothing;
+        }
+        return html `
+            <ft-reader-feedback
+                    ?ratingAllowed=${this.tocNode.hasRating}
+                    .editorMode=${this.editorMode}
+                    .labelResolver=${topicLabelResolver}
+                    .ratingSummary=${this.ratingSummary}
+                    .user=${this.user}
+                    .iconVariant=${this.iconVariant}
+                    .emptyStarIcon=${this.emptyStarIcon}
+                    .filledStarIcon=${this.filledStarIcon}
+                    .emptyLikeIcon=${this.emptyLikeIcon}
+                    .filledLikeIcon=${this.filledLikeIcon}
+                    .emptyDislikeIcon=${this.emptyDislikeIcon}
+                    .filledDislikeIcon=${this.filledDislikeIcon}
+                    .feedbackMailLinkBuilder=${(feedbackMessage) => this.feedbackLinkBuilder.build(feedbackMessage)}
+                    @rate=${this.rate}
+                    @send-feedback=${this.sendFeedback}
+            ></ft-reader-feedback>
+        `;
+    }
+    updated(props) {
+        var _a, _b, _c;
+        super.updated(props);
+        if (props.has("tocNode") && 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);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateData();
+    }
+    async updateData() {
+        var _a, _b;
+        this.user = await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.getSession().then(s => s.profile));
+        if (this.tocNode) {
+            this.ratingSummary = await ((_b = this.service) === null || _b === void 0 ? void 0 : _b.getTopicRating(this.tocNode.tocId));
+        }
+    }
+    async rate(ratingEvent) {
+        var _a, _b, _c;
+        if (this.ratingSummary && this.tocNode) {
+            try {
+                if (ratingEvent.detail == null) {
+                    this.ratingSummary = { ...this.ratingSummary, rating: undefined };
+                    await ((_a = this.service) === null || _a === void 0 ? void 0 : _a.unrateTopic(this.tocNode.tocId));
+                }
+                else {
+                    this.ratingSummary = {
+                        ...this.ratingSummary,
+                        rating: {
+                            tocId: this.tocNode.tocId,
+                            type: this.ratingSummary.type,
+                            value: ratingEvent.detail,
+                            date: new Date()
+                        }
+                    };
+                    await ((_b = this.service) === null || _b === void 0 ? void 0 : _b.rateTopic(this.tocNode.tocId, (_c = this.ratingSummary) === null || _c === void 0 ? void 0 : _c.type, ratingEvent.detail));
+                }
+            }
+            catch {
+                this.dispatchEvent(new FtNotificationEvent({
+                    type: "error",
+                    message: topicLabelResolver.resolve("ratingFailure")
+                }));
+            }
+        }
+        this.updateData();
+    }
+    async sendFeedback(ratingEvent) {
+        var _a;
+        try {
+            if (this.tocNode) {
+                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")
+                }));
+                this.readerFeedback.clearFeedbackInput();
+            }
+        }
+        catch {
+            this.dispatchEvent(new FtNotificationEvent({
+                type: "error",
+                message: topicLabelResolver.resolve("feedbackFailure")
+            }));
+        }
+    }
+}
+FtReaderTopicFeedback.elementDefinitions = {
+    "ft-reader-feedback": FtReaderFeedback
+};
+__decorate([
+    redux()
+], FtReaderTopicFeedback.prototype, "map", void 0);
+__decorate([
+    property({ attribute: false })
+], FtReaderTopicFeedback.prototype, "editorMode", void 0);
+__decorate([
+    redux((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()
+], FtReaderTopicFeedback.prototype, "iconVariant", void 0);
+__decorate([
+    property()
+], FtReaderTopicFeedback.prototype, "emptyStarIcon", void 0);
+__decorate([
+    property()
+], FtReaderTopicFeedback.prototype, "filledStarIcon", void 0);
+__decorate([
+    property()
+], FtReaderTopicFeedback.prototype, "emptyLikeIcon", void 0);
+__decorate([
+    property()
+], FtReaderTopicFeedback.prototype, "filledLikeIcon", void 0);
+__decorate([
+    property()
+], FtReaderTopicFeedback.prototype, "emptyDislikeIcon", void 0);
+__decorate([
+    property()
+], FtReaderTopicFeedback.prototype, "filledDislikeIcon", void 0);
+__decorate([
+    query("ft-reader-feedback")
+], FtReaderTopicFeedback.prototype, "readerFeedback", void 0);
+//# sourceMappingURL=ft-reader-topic-feedback.js.map

package/build/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./ft-reader-feedback.css";
+export * from "./ft-reader-feedback.properties";
+export * from "./ft-reader-map-feedback";
+export * from "./ft-reader-topic-feedback";
+//# sourceMappingURL=index.d.ts.map

package/build/index.js

@@ -0,0 +1,10 @@
+import { customElement } from "@fluid-topics/ft-wc-utils";
+import { FtReaderMapFeedback } from "./ft-reader-map-feedback";
+import { FtReaderTopicFeedback } from "./ft-reader-topic-feedback";
+export * from "./ft-reader-feedback.css";
+export * from "./ft-reader-feedback.properties";
+export * from "./ft-reader-map-feedback";
+export * from "./ft-reader-topic-feedback";
+customElement("ft-reader-map-feedback")(FtReaderMapFeedback);
+customElement("ft-reader-topic-feedback")(FtReaderTopicFeedback);
+//# sourceMappingURL=index.js.map

package/build/utils/labels.d.ts

@@ -0,0 +1,29 @@
+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;
+}
+export declare const topicLabelResolver: ParametrizedLabelResolver<FtReaderFeedbackLabels>;
+export declare const mapLabelResolver: ParametrizedLabelResolver<FtReaderFeedbackLabels>;
+//# sourceMappingURL=labels.d.ts.map

package/build/utils/labels.js

@@ -0,0 +1,39 @@
+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.",
+};
+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

package/build/utils/mail.d.ts

@@ -0,0 +1,14 @@
+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;
+}
+//# sourceMappingURL=mail.d.ts.map

package/build/utils/mail.js

@@ -0,0 +1,42 @@
+export class FeedbackMailLinkBuilder {
+    constructor(disclaimer) {
+        this.disclaimer = disclaimer;
+        this.subject = "";
+        this.url = "";
+        this.allMetadata = "";
+        this.subjectMetadata = "";
+        this.isAuthenticated = false;
+    }
+    update(subject, url, metadata, configuration, isAuthenticated) {
+        this.subject = subject;
+        this.url = url;
+        this.configuration = configuration;
+        this.isAuthenticated = isAuthenticated;
+        this.subjectMetadata = configuration.subjectMetadataIds
+            .map(key => metadata.find(m => m.key === key))
+            .filter(m => m != null)
+            .map(m => "[" + m.values.join(", ") + "]")
+            .join("");
+        this.allMetadata = metadata.filter(m => !m.key.startsWith("ft:"))
+            .map(m => "[" + m.values.join(", ") + "]")
+            .join(" ");
+    }
+    build(feedbackMessage) {
+        var _a, _b;
+        if (feedbackMessage.length === 0 || this.isAuthenticated && (this.configuration == null || ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.mailsSentByFluidTopics))) {
+            return undefined;
+        }
+        const subject = encodeURIComponent(this.subject + " " + this.subjectMetadata);
+        const body = encodeURIComponent(`
+${this.allMetadata}
+${this.url}
+_________________________________________________________________
+
+${feedbackMessage}
+
+_________________________________________________________________
+${this.disclaimer}`);
+        return `mailto:${(_b = this.configuration) === null || _b === void 0 ? void 0 : _b.recipients.join(",")}?subject=${subject}&body=${body}`;
+    }
+}
+//# sourceMappingURL=mail.js.map

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@fluid-topics/ft-reader-feedback",
+  "version": "0.3.55",
+  "description": "Feedback forms for a map and its topics in an integrated reader",
+  "keywords": [
+    "Lit"
+  ],
+  "author": "Fluid Topics <devtopics@antidot.net>",
+  "license": "ISC",
+  "main": "build/index.js",
+  "web": "build/ft-reader-feedback.min.js",
+  "typings": "build/index",
+  "files": [
+    "build/**/*.js",
+    "build/**/*.ts"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+  },
+  "dependencies": {
+    "@fluid-topics/ft-wc-utils": "0.3.55",
+    "lit": "2.2.8"
+  },
+  "gitHead": "4106f01e238edeb1c85fba22d6d50a18757e0b3e"
+}