@fluid-topics/ft-reader-feedback 1.0.22 → 1.0.24

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

@@ -1,4 +1,4 @@
-import { nothing, PropertyValues } from "lit";
+import { 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";
@@ -27,7 +27,8 @@ export declare class FtReaderMapFeedback extends FtReaderMapFeedback_base implem
     mailSubject: string;
     i18nProperties: FeedbackI18nProperties;
     constructor();
-    protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private get componentVisible();
     protected updated(props: PropertyValues): void;
     connectedCallback(): void;
     onStoreAvailable(name?: string): void;

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

@@ -4,7 +4,7 @@ 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 { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { Debouncer, FtNotificationEvent, redux } from "@fluid-topics/ft-wc-utils";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
@@ -40,8 +40,14 @@ class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
         this.addStore(ftAppInfoStore);
     }
     render() {
-        if (this.map == null) {
-            return nothing;
+        if (!this.map || !this.editorMode && !this.componentVisible) {
+            return html `
+                <style>
+                    :host {
+                        display: none !important;
+                    }
+                </style>
+            `;
         }
         return html `
             <ft-reader-feedback
@@ -64,6 +70,11 @@ class FtReaderMapFeedback extends withI18n(FtReaderComponent) {
             ></ft-reader-feedback>
         `;
     }
+    get componentVisible() {
+        var _a;
+        return (!!this.user && this.user.roles.includes("FEEDBACK_USER"))
+            || (!!this.user && this.user.roles.includes("RATING_USER") && ((_a = this.ratingSummary) === null || _a === void 0 ? void 0 : _a.type) !== "NO_RATING");
+    }
     updated(props) {
         var _a, _b, _c;
         super.updated(props);

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

@@ -1,4 +1,4 @@
-import { nothing, PropertyValues } from "lit";
+import { PropertyValues } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderFeedbackProperties } from "./ft-reader-feedback.properties";
 import { FeedbackI18nProperties, FtReaderFeedback } from "./ft-reader-feedback";
@@ -29,7 +29,8 @@ export declare class FtReaderTopicFeedback extends FtReaderTopicFeedback_base im
     mailSubject: string;
     i18nProperties: FeedbackI18nProperties;
     constructor();
-    protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private get componentVisible();
     protected updated(props: PropertyValues): void;
     connectedCallback(): void;
     private updateDebouncer;

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

@@ -4,7 +4,7 @@ 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 { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { Debouncer, FtNotificationEvent, redux } from "@fluid-topics/ft-wc-utils";
 import { FtReaderFeedback } from "./ft-reader-feedback";
@@ -40,8 +40,14 @@ class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
         this.addStore(ftAppInfoStore);
     }
     render() {
-        if (this.map == null || this.tocNode == null) {
-            return nothing;
+        if (!this.map || !this.tocNode || !this.editorMode && !this.componentVisible) {
+            return html `
+                <style>
+                    :host {
+                        display: none !important;
+                    }
+                </style>
+            `;
         }
         return html `
             <ft-reader-feedback
@@ -64,6 +70,11 @@ class FtReaderTopicFeedback extends withI18n(FtReaderTopicComponent) {
             ></ft-reader-feedback>
         `;
     }
+    get componentVisible() {
+        var _a;
+        return (!!this.user && this.user.roles.includes("FEEDBACK_USER"))
+            || (!!this.user && this.user.roles.includes("RATING_USER") && ((_a = this.ratingSummary) === null || _a === void 0 ? void 0 : _a.type) !== "NO_RATING");
+    }
     updated(props) {
         var _a, _b, _c;
         super.updated(props);

package/package.json

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