@fluid-topics/ft-reader-feedback 2.1.18 → 2.1.20

package/build/ft-reader-feedback.js

@@ -4,18 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { html, nothing, } from "lit";
+import { property, query, state, } from "lit/decorators.js";
 import { parseDate, redux, } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-reader-feedback.styles";
-import { FtRatingType } from "@fluid-topics/public-api";
+import { FtRatingType, } from "@fluid-topics/public-api";
 import { FtTypography } from "@fluid-topics/ft-typography";
-import { FtSwitch, FtSwitchOption } from "@fluid-topics/ft-switch";
+import { FtSwitch, FtSwitchOption, } from "@fluid-topics/ft-switch";
 import { FtTextArea } from "@fluid-topics/ft-text-area";
 import { repeat } from "lit/directives/repeat.js";
 import { FtButton } from "@fluid-topics/ft-button";
-import { defaultMessages, feedback } from "./utils/IntegratedFeedbackComponentMessages";
-import { withI18n } from "@fluid-topics/ft-i18n";
+import { defaultMessages, feedback, } from "./utils/IntegratedFeedbackComponentMessages";
+import { withI18n, } from "@fluid-topics/ft-i18n";
 import { FtTextField } from "@fluid-topics/ft-text-field";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtReaderFeatures } from "@fluid-topics/ft-reader-context";
@@ -118,7 +118,7 @@ export class FtReaderFeedback extends withI18n(FtReaderComponent) {
                 return html `
                     <div class="ft-reader-feedback--stars" part="rating rating-stars">
                         ${repeat(new Array(5), (_, index) => index, (_, index) => {
-                    let active = this.ratingTypeOfDoneRatingOfThisContent === FtRatingType.STARS && this.ratingValue > index;
+                    const active = this.ratingTypeOfDoneRatingOfThisContent === FtRatingType.STARS && this.ratingValue > index;
                     const ratingValue = index + 1;
                     return html `
                                         <ft-button round part="rating-stars-${ratingValue}"
@@ -140,7 +140,7 @@ export class FtReaderFeedback extends withI18n(FtReaderComponent) {
                     <ft-switch unselectable
                                @change=${(e) => this.rate(e.detail)}
                                part="rating rating-like"
-                               label=${this.i18n(this.i18nProperties.ratingSectionTitle)}>
+                               label="${this.i18n(this.i18nProperties.ratingSectionTitle)}">
                         <ft-switch-option .value=${1}
                                           ?selected=${liked}
                                           .iconVariant=${this.iconVariant}
@@ -202,12 +202,12 @@ export class FtReaderFeedback extends withI18n(FtReaderComponent) {
                     </a>
                 `;
             }
-            let moreOptionsButton = this.withMoreOptionsButton && (((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.mailsSentByFluidTopics) || ((_b = this.configuration) === null || _b === void 0 ? void 0 : _b.mailsSentByFluidTopicsForUnauthenticatedUsers))
+            const moreOptionsButton = this.withMoreOptionsButton && (((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.mailsSentByFluidTopics) || ((_b = this.configuration) === null || _b === void 0 ? void 0 : _b.mailsSentByFluidTopicsForUnauthenticatedUsers))
                 ? html `
                     <ft-button outlined
                                type="button" name="more-options"
                                class="ft-reader-feedback--more-options"
-                               @click="${this.onOpenMoreDetails}"
+                               @click=${this.onOpenMoreDetails}
                                part="more-options">
                         ${feedback.messages.moreOptionsButton()}
                     </ft-button>
@@ -215,17 +215,17 @@ export class FtReaderFeedback extends withI18n(FtReaderComponent) {
                 : nothing;
             return html `
                 <form class="ft-reader-feedback--feedback" part="feedback-container" autocomplete="on"
-                      @submit="${(e) => this.onFormSubmitEvent(e, !!mailLink)}">
+                      @submit=${(e) => this.onFormSubmitEvent(e, !!mailLink)}>
                     <ft-typography variant="title-dense" part="section-title" class="ft-reader-feedback--section-title">
                         ${this.i18n(this.i18nProperties.feedbackSectionTitle)}
                     </ft-typography>
                     ${((_d = (_c = this.session) === null || _c === void 0 ? void 0 : _c.profile) === null || _d === void 0 ? void 0 : _d.userId) == null && ((_e = this.configuration) === null || _e === void 0 ? void 0 : _e.mailsSentByFluidTopicsForUnauthenticatedUsers) ? html `
                         <ft-text-field outlined name="email" type="email" autocomplete="email"
                                        class="ft-reader-feedback--from-input"
-                                       label=${feedback.messages.feedbackfromEmail()}
+                                       label="${feedback.messages.feedbackfromEmail()}"
                                        @change=${(e) => this.from = e.detail.trim()}
                                        ?error=${this.from && !this.validFromEmail()}
-                                       helper=${this.from && !this.validFromEmail() ? feedback.messages.feedbackfromEmailInvalid() : ""}
+                                       helper="${this.from && !this.validFromEmail() ? feedback.messages.feedbackfromEmailInvalid() : ""}"
                         />
                     ` : nothing}
                     <ft-text-area outlined
@@ -337,7 +337,7 @@ __decorate([
 __decorate([
     redux({
         store: "reader",
-        selector: (state) => { var _a; return (_a = state.configuration) === null || _a === void 0 ? void 0 : _a.feedback; }
+        selector: (state) => { var _a; return (_a = state.configuration) === null || _a === void 0 ? void 0 : _a.feedback; },
     })
 ], FtReaderFeedback.prototype, "configuration", void 0);
 __decorate([