@fluid-topics/ft-reader-feedback 1.0.54 → 1.0.56

package/build/ft-reader-feedback.js

@@ -8,6 +8,7 @@ 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.css";
+import { userHasRole } from "@fluid-topics/public-api";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtIcon } from "@fluid-topics/ft-icon";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
@@ -20,6 +21,7 @@ import { withI18n } from "@fluid-topics/ft-i18n";
 import { defaultDesignerMessages, designer } from "./utils/InDesignerFeedbackComponentMessages";
 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/build/store/utils/FtReaderService";
 class FtReaderFeedback extends withI18n(FtReaderComponent) {
     constructor() {
         super();
@@ -38,13 +40,15 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
         this.addI18nContext(designer, defaultDesignerMessages);
     }
     get canAccessFeedback() {
-        return this.user && this.user.roles.includes("FEEDBACK_USER");
+        var _a;
+        return this.user && userHasRole(this.user.roles, "FEEDBACK_USER") && ((_a = this.service) === null || _a === void 0 ? void 0 : _a.isFeatureAccessible(FtReaderFeatures.FEEDBACK));
     }
     get canAccessRating() {
-        return this.userHasRatingRole && this.configuredRatingType !== "NO_RATING";
+        var _a;
+        return this.userHasRatingRole && this.configuredRatingType !== "NO_RATING" && ((_a = this.service) === null || _a === void 0 ? void 0 : _a.isFeatureAccessible(FtReaderFeatures.RATING));
     }
     get userHasRatingRole() {
-        return this.user && this.user.roles.includes("RATING_USER");
+        return this.user && userHasRole(this.user.roles, "RATING_USER");
     }
     get configuredRatingType() {
         var _a, _b;
@@ -209,7 +213,7 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
                         ${this.i18n(this.i18nProperties.feedbackSectionTitle)}
                     </ft-typography>
                     ${((_a = this.user) === null || _a === void 0 ? void 0 : _a.userId) == null && ((_b = this.configuration) === null || _b === void 0 ? void 0 : _b.mailsSentByFluidTopicsForUnauthenticatedUsers) ? html `
-                        <ft-text-field
+                        <ft-text-field outlined
                                 class="ft-reader-feedback--from-input"
                                 label=${feedback.messages.feedbackfromEmail()}
                                 @live-change=${(e) => this.from = e.detail.trim()}