@memberjunction/ng-feedback 0.0.1 → 5.30.0

package/dist/lib/components/feedback-button.component.d.ts

@@ -0,0 +1,59 @@
+import { FeedbackDialogService } from '../services/feedback-dialog.service';
+import * as i0 from "@angular/core";
+/**
+ * Position options for the floating feedback button
+ */
+export type FeedbackButtonPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+/**
+ * Floating feedback button component
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage - bottom right corner -->
+ * <mj-feedback-button></mj-feedback-button>
+ *
+ * <!-- With label visible -->
+ * <mj-feedback-button [ShowLabel]="true" ButtonText="Report Issue"></mj-feedback-button>
+ *
+ * <!-- Different position -->
+ * <mj-feedback-button Position="bottom-left"></mj-feedback-button>
+ * ```
+ */
+export declare class FeedbackButtonComponent {
+    private dialogService;
+    /**
+     * Position of the floating button
+     */
+    Position: FeedbackButtonPosition;
+    /**
+     * Whether to show the text label
+     */
+    ShowLabel: boolean;
+    /**
+     * Button text (shown as tooltip or label)
+     */
+    ButtonText: string;
+    /**
+     * Optional callback to get the current page/view name.
+     * Use this for apps where URL doesn't reflect navigation (e.g., tab-based apps).
+     * @example
+     * ```html
+     * <mj-feedback-button [CurrentPageProvider]="getCurrentPage"></mj-feedback-button>
+     * ```
+     * ```typescript
+     * getCurrentPage = (): string => {
+     *   return this.workspaceManager.GetConfiguration()?.tabs
+     *     .find(t => t.id === this.workspaceManager.GetActiveTabId())?.title || '';
+     * };
+     * ```
+     */
+    CurrentPageProvider?: () => string | undefined;
+    constructor(dialogService: FeedbackDialogService);
+    /**
+     * Open the feedback dialog
+     */
+    OpenFeedbackDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackButtonComponent, "mj-feedback-button", never, { "Position": { "alias": "Position"; "required": false; }; "ShowLabel": { "alias": "ShowLabel"; "required": false; }; "ButtonText": { "alias": "ButtonText"; "required": false; }; "CurrentPageProvider": { "alias": "CurrentPageProvider"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=feedback-button.component.d.ts.map

package/dist/lib/components/feedback-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-button.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/feedback-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;;AAE5E;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/F;;;;;;;;;;;;;;GAcG;AACH,qBA4Ea,uBAAuB;IAiChC,OAAO,CAAC,aAAa;IAhCvB;;OAEG;IACM,QAAQ,EAAE,sBAAsB,CAAkB;IAE3D;;OAEG;IACM,SAAS,UAAS;IAE3B;;OAEG;IACM,UAAU,SAAc;IAEjC;;;;;;;;;;;;;OAaG;IACM,mBAAmB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;gBAG9C,aAAa,EAAE,qBAAqB;IAG9C;;OAEG;IACH,kBAAkB,IAAI,IAAI;yCAvCf,uBAAuB;2CAAvB,uBAAuB;CA6CnC"}

package/dist/lib/components/feedback-button.component.js

@@ -0,0 +1,108 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/feedback-dialog.service";
+import * as i2 from "@angular/common";
+function FeedbackButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.ButtonText);
+} }
+/**
+ * Floating feedback button component
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage - bottom right corner -->
+ * <mj-feedback-button></mj-feedback-button>
+ *
+ * <!-- With label visible -->
+ * <mj-feedback-button [ShowLabel]="true" ButtonText="Report Issue"></mj-feedback-button>
+ *
+ * <!-- Different position -->
+ * <mj-feedback-button Position="bottom-left"></mj-feedback-button>
+ * ```
+ */
+export class FeedbackButtonComponent {
+    dialogService;
+    /**
+     * Position of the floating button
+     */
+    Position = 'bottom-right';
+    /**
+     * Whether to show the text label
+     */
+    ShowLabel = false;
+    /**
+     * Button text (shown as tooltip or label)
+     */
+    ButtonText = 'Feedback';
+    /**
+     * Optional callback to get the current page/view name.
+     * Use this for apps where URL doesn't reflect navigation (e.g., tab-based apps).
+     * @example
+     * ```html
+     * <mj-feedback-button [CurrentPageProvider]="getCurrentPage"></mj-feedback-button>
+     * ```
+     * ```typescript
+     * getCurrentPage = (): string => {
+     *   return this.workspaceManager.GetConfiguration()?.tabs
+     *     .find(t => t.id === this.workspaceManager.GetActiveTabId())?.title || '';
+     * };
+     * ```
+     */
+    CurrentPageProvider;
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+    }
+    /**
+     * Open the feedback dialog
+     */
+    OpenFeedbackDialog() {
+        const currentPage = this.CurrentPageProvider?.();
+        this.dialogService.OpenFeedbackDialog({
+            currentPage
+        });
+    }
+    static ɵfac = function FeedbackButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FeedbackButtonComponent)(i0.ɵɵdirectiveInject(i1.FeedbackDialogService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeedbackButtonComponent, selectors: [["mj-feedback-button"]], inputs: { Position: "Position", ShowLabel: "ShowLabel", ButtonText: "ButtonText", CurrentPageProvider: "CurrentPageProvider" }, standalone: false, decls: 3, vars: 3, consts: [["type", "button", 1, "feedback-floating-button", 3, "click", "ngClass", "title"], [1, "fas", "fa-comment-dots"], [1, "button-label"]], template: function FeedbackButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function FeedbackButtonComponent_Template_button_click_0_listener() { return ctx.OpenFeedbackDialog(); });
+            i0.ɵɵelement(1, "i", 1);
+            i0.ɵɵconditionalCreate(2, FeedbackButtonComponent_Conditional_2_Template, 2, 1, "span", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", "position-" + ctx.Position)("title", ctx.ButtonText);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ShowLabel ? 2 : -1);
+        } }, dependencies: [i2.NgClass], styles: [".feedback-floating-button[_ngcontent-%COMP%] {\n      position: fixed;\n      z-index: 9999;\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-3) var(--mj-space-4);\n      border-radius: var(--mj-space-6);\n      background: var(--mj-brand-primary);\n      color: var(--mj-brand-on-primary);\n      border: none;\n      cursor: pointer;\n      box-shadow: var(--mj-shadow-brand-md);\n      transition: var(--mj-transition-base);\n      font-size: var(--mj-text-sm);\n      font-weight: var(--mj-font-medium);\n      font-family: var(--mj-font-family);\n    }\n\n    .feedback-floating-button[_ngcontent-%COMP%]:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-2px);\n      box-shadow: var(--mj-shadow-lg);\n    }\n\n    .feedback-floating-button[_ngcontent-%COMP%]:active {\n      transform: translateY(0);\n    }\n\n    .feedback-floating-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 18px;\n    }\n\n    .button-label[_ngcontent-%COMP%] {\n      white-space: nowrap;\n    }\n\n    \n\n    .position-bottom-right[_ngcontent-%COMP%] {\n      bottom: var(--mj-space-6);\n      right: var(--mj-space-6);\n    }\n\n    .position-bottom-left[_ngcontent-%COMP%] {\n      bottom: var(--mj-space-6);\n      left: var(--mj-space-6);\n    }\n\n    .position-top-right[_ngcontent-%COMP%] {\n      top: var(--mj-space-6);\n      right: var(--mj-space-6);\n    }\n\n    .position-top-left[_ngcontent-%COMP%] {\n      top: var(--mj-space-6);\n      left: var(--mj-space-6);\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedbackButtonComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-feedback-button', template: `
+    <button
+      class="feedback-floating-button"
+      [ngClass]="'position-' + Position"
+      (click)="OpenFeedbackDialog()"
+      [title]="ButtonText"
+      type="button">
+      <i class="fas fa-comment-dots"></i>
+      @if (ShowLabel) {
+        <span class="button-label">{{ ButtonText }}</span>
+      }
+    </button>
+  `, styles: ["\n    .feedback-floating-button {\n      position: fixed;\n      z-index: 9999;\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-3) var(--mj-space-4);\n      border-radius: var(--mj-space-6);\n      background: var(--mj-brand-primary);\n      color: var(--mj-brand-on-primary);\n      border: none;\n      cursor: pointer;\n      box-shadow: var(--mj-shadow-brand-md);\n      transition: var(--mj-transition-base);\n      font-size: var(--mj-text-sm);\n      font-weight: var(--mj-font-medium);\n      font-family: var(--mj-font-family);\n    }\n\n    .feedback-floating-button:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-2px);\n      box-shadow: var(--mj-shadow-lg);\n    }\n\n    .feedback-floating-button:active {\n      transform: translateY(0);\n    }\n\n    .feedback-floating-button i {\n      font-size: 18px;\n    }\n\n    .button-label {\n      white-space: nowrap;\n    }\n\n    /* Position variants */\n    .position-bottom-right {\n      bottom: var(--mj-space-6);\n      right: var(--mj-space-6);\n    }\n\n    .position-bottom-left {\n      bottom: var(--mj-space-6);\n      left: var(--mj-space-6);\n    }\n\n    .position-top-right {\n      top: var(--mj-space-6);\n      right: var(--mj-space-6);\n    }\n\n    .position-top-left {\n      top: var(--mj-space-6);\n      left: var(--mj-space-6);\n    }\n  "] }]
+    }], () => [{ type: i1.FeedbackDialogService }], { Position: [{
+            type: Input
+        }], ShowLabel: [{
+            type: Input
+        }], ButtonText: [{
+            type: Input
+        }], CurrentPageProvider: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FeedbackButtonComponent, { className: "FeedbackButtonComponent", filePath: "src/lib/components/feedback-button.component.ts", lineNumber: 100 }); })();
+//# sourceMappingURL=feedback-button.component.js.map

package/dist/lib/components/feedback-button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-button.component.js","sourceRoot":"","sources":["../../../src/lib/components/feedback-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;;IAmCzC,+BAA2B;IAAA,YAAgB;IAAA,iBAAO;;;IAAvB,cAAgB;IAAhB,uCAAgB;;AA3BnD;;;;;;;;;;;;;;GAcG;AA6EH,MAAM,OAAO,uBAAuB;IAiCxB;IAhCV;;OAEG;IACM,QAAQ,GAA2B,cAAc,CAAC;IAE3D;;OAEG;IACM,SAAS,GAAG,KAAK,CAAC;IAE3B;;OAEG;IACM,UAAU,GAAG,UAAU,CAAC;IAEjC;;;;;;;;;;;;;OAaG;IACM,mBAAmB,CAA4B;IAExD,YACU,aAAoC;QAApC,kBAAa,GAAb,aAAa,CAAuB;IAC3C,CAAC;IAEJ;;OAEG;IACH,kBAAkB;QAChB,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC;YACpC,WAAW;SACZ,CAAC,CAAC;IACL,CAAC;iHA5CU,uBAAuB;6DAAvB,uBAAuB;YAxEhC,iCAKgB;YAFd,oGAAS,wBAAoB,IAAC;YAG9B,uBAAmC;YACnC,0FAAiB;YAGnB,iBAAS;;YANP,AAFA,oDAAkC,yBAEd;YAGpB,eAEC;YAFD,wCAEC;;;iFA+DM,uBAAuB;cA5EnC,SAAS;6BACI,KAAK,YACP,oBAAoB,YACpB;;;;;;;;;;;;GAYT;;kBAiEA,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAgBL,KAAK;;kFA9BK,uBAAuB"}

package/dist/lib/components/feedback-form.component.d.ts

@@ -0,0 +1,101 @@
+import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { FeedbackSubmission, FeedbackResponse, FeedbackCategory, FeedbackSeverity, FeedbackEnvironment } from '../feedback.types';
+import { FeedbackConfig, FeedbackFieldConfig } from '../feedback.config';
+import { FeedbackService } from '../services/feedback.service';
+import * as i0 from "@angular/core";
+export declare class FeedbackFormComponent implements OnInit {
+    config: FeedbackConfig;
+    private feedbackService;
+    private cdr;
+    /** Controls mj-dialog visibility — set by FeedbackDialogService */
+    DialogVisible: boolean;
+    PrefilledCategory?: FeedbackCategory | string;
+    PrefilledTitle?: string;
+    ContextData?: Record<string, unknown>;
+    /** Current page/view name (for apps where URL doesn't reflect navigation) */
+    CurrentPage?: string;
+    Submitted: EventEmitter<FeedbackSubmission>;
+    Success: EventEmitter<FeedbackResponse>;
+    Error: EventEmitter<Error>;
+    Cancelled: EventEmitter<void>;
+    DialogClosed: EventEmitter<{
+        success: boolean;
+    }>;
+    Category: string;
+    Title: string;
+    Description: string;
+    StepsToReproduce: string;
+    ExpectedBehavior: string;
+    ActualBehavior: string;
+    Severity: FeedbackSeverity;
+    UseCase: string;
+    ProposedSolution: string;
+    Environment: FeedbackEnvironment | '';
+    AffectedArea: string;
+    Name: string;
+    Email: string;
+    IsSubmitting: boolean;
+    IsClassifying: boolean;
+    WasAutoClassified: boolean;
+    SubmissionSuccess: boolean;
+    ErrorMessage: string;
+    private lastClassifiedTitle;
+    private lastClassifiedDescription;
+    IssueNumber?: number;
+    IssueUrl?: string;
+    ScreenshotDataUrl?: string;
+    ScreenshotIncluded: boolean;
+    IsCapturingScreenshot: boolean;
+    CertificationAccepted: boolean;
+    private classifyTimeout?;
+    FieldConfig: Required<FeedbackFieldConfig>;
+    constructor(config: FeedbackConfig, feedbackService: FeedbackService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * User opts in to include the screenshot
+     */
+    IncludeScreenshot(): void;
+    /**
+     * Remove the attached screenshot (opt back out)
+     */
+    RemoveScreenshot(): void;
+    /**
+     * Handle field value changes to ensure button state updates.
+     * Triggers LLM auto-classification after a debounce when description is long enough.
+     */
+    OnFieldChange(): void;
+    /**
+     * Schedule LLM classification with debounce (1 second after user stops typing)
+     */
+    private scheduleClassification;
+    /**
+     * Run LLM classification and apply suggestions
+     */
+    private runClassification;
+    /**
+     * Check if form is valid for submission
+     */
+    CanSubmit(): boolean;
+    /**
+     * Submit the feedback
+     */
+    OnSubmit(): Promise<void>;
+    /**
+     * Build the feedback submission object from current form state
+     */
+    private buildSubmission;
+    private applyBugFields;
+    private applyFeatureFields;
+    private applyOptionalFields;
+    /**
+     * Cancel and close the dialog
+     */
+    OnCancel(): void;
+    /**
+     * Reset the form
+     */
+    Reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackFormComponent, "mj-feedback-form", never, { "PrefilledCategory": { "alias": "PrefilledCategory"; "required": false; }; "PrefilledTitle": { "alias": "PrefilledTitle"; "required": false; }; "ContextData": { "alias": "ContextData"; "required": false; }; "CurrentPage": { "alias": "CurrentPage"; "required": false; }; }, { "Submitted": "Submitted"; "Success": "Success"; "Error": "Error"; "Cancelled": "Cancelled"; "DialogClosed": "DialogClosed"; }, never, never, true, never>;
+}
+//# sourceMappingURL=feedback-form.component.d.ts.map

package/dist/lib/components/feedback-form.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-form.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/feedback-form.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAiB,YAAY,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE1G,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAClI,OAAO,EAAE,cAAc,EAAmB,mBAAmB,EAAoB,MAAM,oBAAoB,CAAC;AAC5G,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;;AAI/D,qBA6ea,qBAAsB,YAAW,MAAM;IAsDhB,MAAM,EAAE,cAAc;IACtD,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,GAAG;IAvDb,mEAAmE;IACnE,aAAa,UAAQ;IAGZ,iBAAiB,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,6EAA6E;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGpB,SAAS,mCAA0C;IACnD,OAAO,iCAAwC;IAC/C,KAAK,sBAA6B;IAClC,SAAS,qBAA4B;IACrC,YAAY;iBAA+B,OAAO;OAAM;IAGlE,QAAQ,EAAE,MAAM,CAAS;IACzB,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAM;IACzB,gBAAgB,EAAE,MAAM,CAAM;IAC9B,gBAAgB,EAAE,MAAM,CAAM;IAC9B,cAAc,EAAE,MAAM,CAAM;IAC5B,QAAQ,EAAE,gBAAgB,CAAW;IACrC,OAAO,EAAE,MAAM,CAAM;IACrB,gBAAgB,EAAE,MAAM,CAAM;IAC9B,WAAW,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAC3C,YAAY,EAAE,MAAM,CAAM;IAC1B,IAAI,EAAE,MAAM,CAAM;IAClB,KAAK,EAAE,MAAM,CAAM;IAInB,YAAY,UAAS;IACrB,aAAa,UAAS;IACtB,iBAAiB,UAAS;IAC1B,iBAAiB,UAAS;IAC1B,YAAY,SAAM;IAClB,OAAO,CAAC,mBAAmB,CAAM;IACjC,OAAO,CAAC,yBAAyB,CAAM;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,UAAS;IAC3B,qBAAqB,UAAQ;IAC7B,qBAAqB,UAAS;IAC9B,OAAO,CAAC,eAAe,CAAC,CAAgC;IAGxD,WAAW,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;gBAGT,MAAM,EAAE,cAAc,EAC9C,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,iBAAiB;IAKhC,QAAQ,IAAI,IAAI;IAehB;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAWzB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAQxB;;;OAGG;IACH,aAAa,IAAI,IAAI;IAKrB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAU9B;;OAEG;YACW,iBAAiB;IAyB/B;;OAEG;IACH,SAAS,IAAI,OAAO;IAgBpB;;OAEG;IACG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAoC/B;;OAEG;IACH,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,QAAQ,IAAI,IAAI;IAMhB;;OAEG;IACH,KAAK,IAAI,IAAI;yCA3RF,qBAAqB;2CAArB,qBAAqB;CAySjC"}