@fluid-topics/ft-reader-feedback 1.1.11 → 1.1.13

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

@@ -22,27 +22,6 @@ export const styles = css `
         gap: 16px;
     }
 
-    .ft-reader-feedback--placeholder {
-        display: flex;
-        flex-direction: row;
-        gap: 8px;
-        padding: 8px;
-        border: 1px dashed #e1e1e1;
-        color: #444444;
-        background: #f1f1f1;
-        border-radius: 4px;
-        align-items: center;
-    }
-
-    .ft-reader-feedback--placeholder ft-typography {
-        flex-grow: 1;
-    }
-
-    .ft-reader-feedback--placeholder ft-tooltip {
-        flex-grow: 0;
-        flex-shrink: 0;
-    }
-
     .ft-reader-feedback--stars {
         display: flex;
         flex-direction: row;

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

@@ -18,7 +18,7 @@ export interface FtFeedbackEventDetail {
     message: string;
     from?: string;
 }
-declare const FtReaderFeedback_base: typeof FtReaderComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface);
+declare const FtReaderFeedback_base: typeof FtReaderComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
 export declare class FtReaderFeedback extends FtReaderFeedback_base implements FtReaderFeedbackProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
@@ -43,7 +43,6 @@ export declare class FtReaderFeedback extends FtReaderFeedback_base implements F
     constructor();
     get canAccessFeedback(): boolean | undefined;
     get canAccessRating(): boolean | undefined;
-    get userHasRatingRole(): boolean | undefined;
     get configuredRatingType(): import("@fluid-topics/public-api").FtRatingType | "STARS" | "LIKE" | "DICHOTOMOUS" | "NO_RATING";
     get ratingType(): "STARS" | "LIKE" | "DICHOTOMOUS" | "NO_RATING";
     get ratingValue(): number;
@@ -57,7 +56,6 @@ export declare class FtReaderFeedback extends FtReaderFeedback_base implements F
     private onFormSubmitEvent;
     private validFromEmail;
     private sendFeedback;
-    private placeholderInEditor;
     private onMailerFeedbackSent;
     clearFeedbackInput(): void;
 }

package/build/ft-reader-feedback.js

@@ -8,17 +8,13 @@ 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";
 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 { 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";
@@ -37,7 +33,6 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
         this.emptyDislikeIcon = "THUMBS_DOWN";
         this.filledDislikeIcon = "THUMBS_DOWN_PLAIN";
         this.addI18nContext(feedback, defaultMessages);
-        this.addI18nContext(designer, defaultDesignerMessages);
     }
     get canAccessFeedback() {
         var _a;
@@ -47,9 +42,6 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
         var _a, _b;
         return (_a = this.service) === null || _a === void 0 ? void 0 : _a.isFeatureAccessible(FtReaderFeatures.RATING, { session: this.session, ratingType: (_b = this.ratingSummary) === null || _b === void 0 ? void 0 : _b.type });
     }
-    get userHasRatingRole() {
-        return this.session && userHasRole(this.session, "RATING_USER");
-    }
     get configuredRatingType() {
         var _a, _b;
         return (_b = (this.ratingAllowed ? (_a = this.ratingSummary) === null || _a === void 0 ? void 0 : _a.type : "NO_RATING")) !== null && _b !== void 0 ? _b : "NO_RATING";
@@ -68,16 +60,16 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
         return typeof date === "string" ? parseDate(date) : date;
     }
     render() {
-        if (!this.editorMode && !this.canAccessFeedback && !this.canAccessRating) {
+        if (!this.canAccessFeedback && !this.canAccessRating) {
             return nothing;
         }
         return html `
             <div class="ft-reader-feedback">
                 ${this.hideTitle ? nothing : html `
-                        <ft-typography variant="title" part="main-title">
-                            ${this.i18n(this.i18nProperties.feedbackMainTitle)}
-                        </ft-typography>
-                    `}
+                            <ft-typography variant="title" part="main-title">
+                                ${this.i18n(this.i18nProperties.feedbackMainTitle)}
+                            </ft-typography>
+                        `}
                 ${this.renderRatingSection()}
                 ${this.renderFeedbackSection()}
             </div>
@@ -99,9 +91,7 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
                 </div>
             `;
         }
-        return this.placeholderInEditor((this.userHasRatingRole
-            ? designer.messages.ratingNotConfigured()
-            : designer.messages.missingRatingRole()));
+        return nothing;
     }
     renderRatingDate() {
         const ratingDate = this.ratingDate;
@@ -127,17 +117,15 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
                     let active = this.ratingType === "STARS" && this.ratingValue > index;
                     const ratingValue = index + 1;
                     return html `
-                                    <ft-button round part="rating-stars-${ratingValue}"
-                                               label="${feedback.messages.starsRating(ratingValue)}"
-                                               tooltipPosition="top"
-                                               .iconVariant=${this.iconVariant}
-                                               icon="${active ? this.filledStarIcon : this.emptyStarIcon}"
-                                               class="ft-reader-feedback--${active ? "active" : "inactive"}"
-                                               @click=${() => this.rate(this.ratingValue === ratingValue
-                        ? undefined
-                        : ratingValue)}
-                                    ></ft-button>
-                                `;
+                                        <ft-button round part="rating-stars-${ratingValue}"
+                                                   label="${feedback.messages.starsRating(ratingValue)}"
+                                                   tooltipPosition="top"
+                                                   .iconVariant=${this.iconVariant}
+                                                   icon="${active ? this.filledStarIcon : this.emptyStarIcon}"
+                                                   class="ft-reader-feedback--${active ? "active" : "inactive"}"
+                                                   @click=${() => this.rate(this.ratingValue === ratingValue ? undefined : ratingValue)}
+                                        ></ft-button>
+                                    `;
                 })}
                     </div>
                 `;
@@ -231,7 +219,7 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
                 </form>
             `;
         }
-        return this.placeholderInEditor(designer.messages.missingFeedbackRole());
+        return nothing;
     }
     onFormSubmitEvent(event, isUsingMailLink) {
         event.preventDefault();
@@ -252,17 +240,6 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
             }
         }));
     }
-    placeholderInEditor(message) {
-        return this.editorMode ? html `
-            <div class="ft-reader-feedback--placeholder">
-                <ft-typography variant="caption">${message}</ft-typography>
-                <ft-tooltip position="left"
-                            text="${designer.messages.inDesignerOnlyNotice()}">
-                    <ft-icon>INFO</ft-icon>
-                </ft-tooltip>
-            </div>
-        ` : nothing;
-    }
     onMailerFeedbackSent() {
         this.dispatchEvent(new CustomEvent("mailer-feedback"));
     }
@@ -273,8 +250,6 @@ class FtReaderFeedback extends withI18n(FtReaderComponent) {
 FtReaderFeedback.elementDefinitions = {
     "ft-button": FtButton,
     "ft-typography": FtTypography,
-    "ft-icon": FtIcon,
-    "ft-tooltip": FtTooltip,
     "ft-switch": FtSwitch,
     "ft-switch-option": FtSwitchOption,
     "ft-text-area": FtTextArea,