npm - @memberjunction/ng-dashboards - Versions diffs - 5.7.0 → 5.8.0 - Mend

@memberjunction/ng-dashboards 5.7.0 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/Integration/components/widgets/run-history-panel.component.js ADDED Viewed

@@ -0,0 +1,398 @@
+import { Component, Input, inject } from '@angular/core';
+import { UUIDsEqual } from '@memberjunction/global';
+import { IntegrationDataService } from '../../services/integration-data.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+import * as i2 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+function RunHistoryPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mj-loading", 3);
+    i0.ɵɵelementEnd();
+} }
+function RunHistoryPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No runs recorded yet");
+    i0.ɵɵelementEnd()();
+} }
+function RunHistoryPanelComponent_Conditional_2_For_17_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 10)(1, "td", 11);
+    i0.ɵɵelement(2, "mj-loading", 12);
+    i0.ɵɵelementEnd()();
+} }
+function RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_For_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td");
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td");
+    i0.ɵɵtext(10);
+    i0.ɵɵpipe(11, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td");
+    i0.ɵɵtext(13);
+    i0.ɵɵpipe(14, "number");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const detail_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(detail_r4.Entity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 7, detail_r4.RecordsProcessed));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 9, detail_r4.RecordsCreated));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 11, detail_r4.RecordsUpdated));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("error-count", detail_r4.RecordsErrored > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 13, detail_r4.RecordsErrored), " ");
+} }
+function RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "pre", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r2 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(run_r2.ErrorLog);
+} }
+function RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "button", 16);
+    i0.ɵɵlistener("click", function RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Conditional_21_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ToggleErrorLog($event)); });
+    i0.ɵɵelement(2, "i", 17);
+    i0.ɵɵtext(3, " Error Details ");
+    i0.ɵɵelement(4, "i", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Conditional_21_Conditional_5_Template, 2, 1, "pre", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("rotated", ctx_r2.ShowErrorLog);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ShowErrorLog ? 5 : -1);
+} }
+function RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 10)(1, "td", 11)(2, "div", 13)(3, "h4");
+    i0.ɵɵtext(4, "Entity Breakdown");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "table", 14)(6, "thead")(7, "tr")(8, "th");
+    i0.ɵɵtext(9, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Processed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th");
+    i0.ɵɵtext(15, "Updated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th");
+    i0.ɵɵtext(17, "Errors");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(18, "tbody");
+    i0.ɵɵrepeaterCreate(19, RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_For_20_Template, 15, 15, "tr", null, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(21, RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Conditional_21_Template, 6, 3, "div", 15);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const run_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(19);
+    i0.ɵɵrepeater(ctx_r2.RunDetails);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(run_r2.ErrorLog ? 21 : -1);
+} }
+function RunHistoryPanelComponent_Conditional_2_For_17_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 6);
+    i0.ɵɵlistener("click", function RunHistoryPanelComponent_Conditional_2_For_17_Template_tr_click_0_listener() { const run_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnRunClick(run_r2)); });
+    i0.ɵɵelementStart(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "span", 7);
+    i0.ɵɵelement(5, "i");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "td", 8);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td");
+    i0.ɵɵtext(10);
+    i0.ɵɵpipe(11, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td");
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵelement(15, "i", 9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(16, RunHistoryPanelComponent_Conditional_2_For_17_Conditional_16_Template, 3, 0, "tr", 10);
+    i0.ɵɵconditionalCreate(17, RunHistoryPanelComponent_Conditional_2_For_17_Conditional_17_Template, 22, 1, "tr", 10);
+} if (rf & 2) {
+    const run_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("selected", ctx_r2.IsSelectedRun(run_r2.ID));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(run_r2.StartedAt));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap("chip-" + ctx_r2.StatusColor(run_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.StatusIcon(run_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", run_r2.Status, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(run_r2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 15, run_r2.TotalRecords));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(run_r2.RunByUser);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("rotated", ctx_r2.IsSelectedRun(run_r2.ID));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsSelectedRun(run_r2.ID) && ctx_r2.IsLoadingDetails ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsSelectedRun(run_r2.ID) && !ctx_r2.IsLoadingDetails && ctx_r2.RunDetails.length > 0 ? 17 : -1);
+} }
+function RunHistoryPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "table", 5)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th");
+    i0.ɵɵtext(9, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Records");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Run By");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(14, "th");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "tbody");
+    i0.ɵɵrepeaterCreate(16, RunHistoryPanelComponent_Conditional_2_For_17_Template, 18, 17, null, null, _forTrack0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(16);
+    i0.ɵɵrepeater(ctx_r2.Runs);
+} }
+export class RunHistoryPanelComponent {
+    CompanyIntegrationID = null;
+    ViewProvider = null;
+    Runs = [];
+    RunDetails = [];
+    SelectedRunID = null;
+    IsLoading = false;
+    IsLoadingDetails = false;
+    ShowErrorLog = false;
+    dataService = inject(IntegrationDataService);
+    ngOnChanges(changes) {
+        if (changes['CompanyIntegrationID'] && this.CompanyIntegrationID) {
+            this.LoadRuns();
+        }
+    }
+    async LoadRuns() {
+        if (!this.CompanyIntegrationID)
+            return;
+        this.IsLoading = true;
+        this.SelectedRunID = null;
+        this.RunDetails = [];
+        this.ShowErrorLog = false;
+        try {
+            this.Runs = await this.dataService.LoadRunHistory(this.CompanyIntegrationID, 10, this.ViewProvider);
+        }
+        finally {
+            this.IsLoading = false;
+        }
+    }
+    async OnRunClick(run) {
+        if (UUIDsEqual(this.SelectedRunID, run.ID)) {
+            this.SelectedRunID = null;
+            this.RunDetails = [];
+            this.ShowErrorLog = false;
+            return;
+        }
+        this.SelectedRunID = run.ID;
+        this.IsLoadingDetails = true;
+        this.RunDetails = [];
+        this.ShowErrorLog = false;
+        try {
+            this.RunDetails = await this.dataService.LoadRunDetails(run.ID, this.ViewProvider);
+        }
+        finally {
+            this.IsLoadingDetails = false;
+        }
+    }
+    IsSelectedRun(id) {
+        return UUIDsEqual(this.SelectedRunID, id);
+    }
+    StatusColor(run) {
+        if (run.Status === 'Success')
+            return 'green';
+        if (run.Status === 'Failed')
+            return 'red';
+        return 'amber';
+    }
+    StatusIcon(run) {
+        if (run.Status === 'Success')
+            return 'fa-solid fa-circle-check';
+        if (run.Status === 'Failed')
+            return 'fa-solid fa-circle-xmark';
+        if (run.Status === 'In Progress')
+            return 'fa-solid fa-spinner fa-spin';
+        return 'fa-solid fa-clock';
+    }
+    FormatDate(dateStr) {
+        if (!dateStr)
+            return '--';
+        const d = new Date(dateStr);
+        return d.toLocaleString(undefined, {
+            month: 'short', day: 'numeric',
+            hour: '2-digit', minute: '2-digit'
+        });
+    }
+    FormatDuration(run) {
+        if (!run.StartedAt || !run.EndedAt)
+            return '--';
+        const ms = new Date(run.EndedAt).getTime() - new Date(run.StartedAt).getTime();
+        return this.dataService.FormatDuration(ms);
+    }
+    ToggleErrorLog(event) {
+        event.stopPropagation();
+        this.ShowErrorLog = !this.ShowErrorLog;
+    }
+    static ɵfac = function RunHistoryPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RunHistoryPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RunHistoryPanelComponent, selectors: [["app-run-history-panel"]], inputs: { CompanyIntegrationID: "CompanyIntegrationID", ViewProvider: "ViewProvider" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: [[1, "history-loading"], [1, "history-empty"], [1, "history-panel"], ["text", "Loading run history...", "size", "small"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "history-table"], [1, "run-row", 3, "click"], [1, "run-status-chip"], [1, "duration-cell"], [1, "fa-solid", "fa-chevron-right", "detail-arrow"], [1, "detail-row"], ["colspan", "6"], ["text", "Loading details...", "size", "small"], [1, "detail-panel"], [1, "detail-table"], [1, "error-details-section"], [1, "error-toggle", 3, "click"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-chevron-down", "toggle-icon"], [1, "error-log"]], template: function RunHistoryPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, RunHistoryPanelComponent_Conditional_0_Template, 2, 0, "div", 0)(1, RunHistoryPanelComponent_Conditional_1_Template, 4, 0, "div", 1)(2, RunHistoryPanelComponent_Conditional_2_Template, 18, 0, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : ctx.Runs.length === 0 ? 1 : 2);
+        } }, dependencies: [i1.LoadingComponent, i2.DecimalPipe], styles: [".history-loading[_ngcontent-%COMP%], .history-empty[_ngcontent-%COMP%] {\n      padding: 24px; text-align: center; color: #888;\n    }\n    .history-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 24px; margin-bottom: 8px; display: block; }\n\n    .history-panel[_ngcontent-%COMP%] { margin-top: 8px; }\n\n    .history-table[_ngcontent-%COMP%] {\n      width: 100%; border-collapse: collapse; font-size: 13px;\n    }\n    .history-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n      text-align: left; padding: 6px 8px;\n      border-bottom: 2px solid #eee; color: #666; font-weight: 600;\n    }\n    .run-row[_ngcontent-%COMP%] { cursor: pointer; }\n    .run-row[_ngcontent-%COMP%]:hover { background: #f8f9fa; }\n    .run-row.selected[_ngcontent-%COMP%] { background: #f0f4ff; }\n    .run-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] { padding: 6px 8px; border-bottom: 1px solid #f0f0f0; }\n\n    \n\n    .run-status-chip[_ngcontent-%COMP%] {\n      font-size: 11px; font-weight: 600; padding: 3px 8px;\n      border-radius: 10px; display: inline-flex; align-items: center; gap: 4px;\n      white-space: nowrap;\n    }\n    .chip-green[_ngcontent-%COMP%] { background: #e6f9ed; color: #1b7a3d; }\n    .chip-amber[_ngcontent-%COMP%] { background: #fff7e0; color: #b5850a; }\n    .chip-red[_ngcontent-%COMP%]   { background: #fde8e8; color: #c62828; }\n\n    .duration-cell[_ngcontent-%COMP%] {\n      font-variant-numeric: tabular-nums;\n      color: #555;\n    }\n\n    .detail-arrow[_ngcontent-%COMP%] { transition: transform 0.2s; font-size: 11px; color: #999; }\n    .detail-arrow.rotated[_ngcontent-%COMP%] { transform: rotate(90deg); }\n\n    .detail-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] { padding: 0; }\n    .detail-panel[_ngcontent-%COMP%] {\n      padding: 12px 16px; background: #fafbfc;\n      border-left: 3px solid var(--primary-color, #4a6cf7);\n    }\n    .detail-panel[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] { margin: 0 0 8px 0; font-size: 13px; }\n\n    .detail-table[_ngcontent-%COMP%] {\n      width: 100%; border-collapse: collapse; font-size: 12px;\n    }\n    .detail-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n      text-align: left; padding: 4px 6px; color: #888; font-weight: 500;\n    }\n    .detail-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] { padding: 4px 6px; }\n    .error-count[_ngcontent-%COMP%] { color: #c62828; font-weight: 600; }\n\n    \n\n    .error-details-section[_ngcontent-%COMP%] {\n      margin-top: 12px;\n      border-top: 1px solid #eee;\n      padding-top: 8px;\n    }\n    .error-toggle[_ngcontent-%COMP%] {\n      background: none; border: none; cursor: pointer;\n      font-size: 12px; font-weight: 600; color: #c62828;\n      display: flex; align-items: center; gap: 6px;\n      padding: 4px 0;\n    }\n    .error-toggle[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n    .toggle-icon[_ngcontent-%COMP%] {\n      transition: transform 0.2s; font-size: 10px;\n    }\n    .toggle-icon.rotated[_ngcontent-%COMP%] { transform: rotate(180deg); }\n    .error-log[_ngcontent-%COMP%] {\n      margin: 8px 0 0 0; padding: 10px;\n      background: #fff0f0; border: 1px solid #fdd;\n      border-radius: 4px; font-size: 11px;\n      white-space: pre-wrap; word-break: break-word;\n      max-height: 200px; overflow-y: auto;\n      color: #7a1111;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RunHistoryPanelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-run-history-panel', template: `
+    @if (IsLoading) {
+      <div class="history-loading">
+        <mj-loading text="Loading run history..." size="small"></mj-loading>
+      </div>
+    } @else if (Runs.length === 0) {
+      <div class="history-empty">
+        <i class="fa-solid fa-clock-rotate-left"></i>
+        <p>No runs recorded yet</p>
+      </div>
+    } @else {
+      <div class="history-panel">
+        <table class="history-table">
+          <thead>
+            <tr>
+              <th>Started</th>
+              <th>Status</th>
+              <th>Duration</th>
+              <th>Records</th>
+              <th>Run By</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody>
+            @for (run of Runs; track run.ID) {
+              <tr class="run-row" [class.selected]="IsSelectedRun(run.ID)"
+                  (click)="OnRunClick(run)">
+                <td>{{ FormatDate(run.StartedAt) }}</td>
+                <td>
+                  <span class="run-status-chip" [class]="'chip-' + StatusColor(run)">
+                    <i [class]="StatusIcon(run)"></i>
+                    {{ run.Status }}
+                  </span>
+                </td>
+                <td class="duration-cell">{{ FormatDuration(run) }}</td>
+                <td>{{ run.TotalRecords | number }}</td>
+                <td>{{ run.RunByUser }}</td>
+                <td>
+                  <i class="fa-solid fa-chevron-right detail-arrow"
+                     [class.rotated]="IsSelectedRun(run.ID)"></i>
+                </td>
+              </tr>
+              @if (IsSelectedRun(run.ID) && IsLoadingDetails) {
+                <tr class="detail-row">
+                  <td colspan="6">
+                    <mj-loading text="Loading details..." size="small"></mj-loading>
+                  </td>
+                </tr>
+              }
+              @if (IsSelectedRun(run.ID) && !IsLoadingDetails && RunDetails.length > 0) {
+                <tr class="detail-row">
+                  <td colspan="6">
+                    <div class="detail-panel">
+                      <h4>Entity Breakdown</h4>
+                      <table class="detail-table">
+                        <thead>
+                          <tr>
+                            <th>Entity</th>
+                            <th>Processed</th>
+                            <th>Created</th>
+                            <th>Updated</th>
+                            <th>Errors</th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          @for (detail of RunDetails; track detail.ID) {
+                            <tr>
+                              <td>{{ detail.Entity }}</td>
+                              <td>{{ detail.RecordsProcessed | number }}</td>
+                              <td>{{ detail.RecordsCreated | number }}</td>
+                              <td>{{ detail.RecordsUpdated | number }}</td>
+                              <td [class.error-count]="detail.RecordsErrored > 0">
+                                {{ detail.RecordsErrored | number }}
+                              </td>
+                            </tr>
+                          }
+                        </tbody>
+                      </table>
+                      <!-- Error details expandable -->
+                      @if (run.ErrorLog) {
+                        <div class="error-details-section">
+                          <button class="error-toggle" (click)="ToggleErrorLog($event)">
+                            <i class="fa-solid fa-exclamation-triangle"></i>
+                            Error Details
+                            <i class="fa-solid fa-chevron-down toggle-icon"
+                               [class.rotated]="ShowErrorLog"></i>
+                          </button>
+                          @if (ShowErrorLog) {
+                            <pre class="error-log">{{ run.ErrorLog }}</pre>
+                          }
+                        </div>
+                      }
+                    </div>
+                  </td>
+                </tr>
+              }
+            }
+          </tbody>
+        </table>
+      </div>
+    }
+  `, styles: ["\n    .history-loading, .history-empty {\n      padding: 24px; text-align: center; color: #888;\n    }\n    .history-empty i { font-size: 24px; margin-bottom: 8px; display: block; }\n\n    .history-panel { margin-top: 8px; }\n\n    .history-table {\n      width: 100%; border-collapse: collapse; font-size: 13px;\n    }\n    .history-table th {\n      text-align: left; padding: 6px 8px;\n      border-bottom: 2px solid #eee; color: #666; font-weight: 600;\n    }\n    .run-row { cursor: pointer; }\n    .run-row:hover { background: #f8f9fa; }\n    .run-row.selected { background: #f0f4ff; }\n    .run-row td { padding: 6px 8px; border-bottom: 1px solid #f0f0f0; }\n\n    /* Status Chips with icon */\n    .run-status-chip {\n      font-size: 11px; font-weight: 600; padding: 3px 8px;\n      border-radius: 10px; display: inline-flex; align-items: center; gap: 4px;\n      white-space: nowrap;\n    }\n    .chip-green { background: #e6f9ed; color: #1b7a3d; }\n    .chip-amber { background: #fff7e0; color: #b5850a; }\n    .chip-red   { background: #fde8e8; color: #c62828; }\n\n    .duration-cell {\n      font-variant-numeric: tabular-nums;\n      color: #555;\n    }\n\n    .detail-arrow { transition: transform 0.2s; font-size: 11px; color: #999; }\n    .detail-arrow.rotated { transform: rotate(90deg); }\n\n    .detail-row td { padding: 0; }\n    .detail-panel {\n      padding: 12px 16px; background: #fafbfc;\n      border-left: 3px solid var(--primary-color, #4a6cf7);\n    }\n    .detail-panel h4 { margin: 0 0 8px 0; font-size: 13px; }\n\n    .detail-table {\n      width: 100%; border-collapse: collapse; font-size: 12px;\n    }\n    .detail-table th {\n      text-align: left; padding: 4px 6px; color: #888; font-weight: 500;\n    }\n    .detail-table td { padding: 4px 6px; }\n    .error-count { color: #c62828; font-weight: 600; }\n\n    /* Error Details */\n    .error-details-section {\n      margin-top: 12px;\n      border-top: 1px solid #eee;\n      padding-top: 8px;\n    }\n    .error-toggle {\n      background: none; border: none; cursor: pointer;\n      font-size: 12px; font-weight: 600; color: #c62828;\n      display: flex; align-items: center; gap: 6px;\n      padding: 4px 0;\n    }\n    .error-toggle:hover { text-decoration: underline; }\n    .toggle-icon {\n      transition: transform 0.2s; font-size: 10px;\n    }\n    .toggle-icon.rotated { transform: rotate(180deg); }\n    .error-log {\n      margin: 8px 0 0 0; padding: 10px;\n      background: #fff0f0; border: 1px solid #fdd;\n      border-radius: 4px; font-size: 11px;\n      white-space: pre-wrap; word-break: break-word;\n      max-height: 200px; overflow-y: auto;\n      color: #7a1111;\n    }\n  "] }]
+    }], null, { CompanyIntegrationID: [{
+            type: Input
+        }], ViewProvider: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RunHistoryPanelComponent, { className: "RunHistoryPanelComponent", filePath: "src/Integration/components/widgets/run-history-panel.component.ts", lineNumber: 195 }); })();
+//# sourceMappingURL=run-history-panel.component.js.map

package/dist/Integration/components/widgets/run-history-panel.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"run-history-panel.component.js","sourceRoot":"","sources":["../../../../src/Integration/components/widgets/run-history-panel.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { IRunViewProvider } from '@memberjunction/core';\nimport { IntegrationDataService, IntegrationRunRow, RunDetailRow } from '../../services/integration-data.service';\n\ntype RunStatusColorType = 'amber' | 'green' | 'red';\n\n@Component({\n standalone: false,\n selector: 'app-run-history-panel',\n template: `\n @if (IsLoading) {\n <div class=\"history-loading\">\n <mj-loading text=\"Loading run history...\" size=\"small\"></mj-loading>\n </div>\n } @else if (Runs.length === 0) {\n <div class=\"history-empty\">\n <i class=\"fa-solid fa-clock-rotate-left\"></i>\n <p>No runs recorded yet</p>\n </div>\n } @else {\n <div class=\"history-panel\">\n <table class=\"history-table\">\n <thead>\n <tr>\n <th>Started</th>\n <th>Status</th>\n <th>Duration</th>\n <th>Records</th>\n <th>Run By</th>\n <th></th>\n </tr>\n </thead>\n <tbody>\n @for (run of Runs; track run.ID) {\n <tr class=\"run-row\" [class.selected]=\"IsSelectedRun(run.ID)\"\n (click)=\"OnRunClick(run)\">\n <td>{{ FormatDate(run.StartedAt) }}</td>\n <td>\n <span class=\"run-status-chip\" [class]=\"'chip-' + StatusColor(run)\">\n <i [class]=\"StatusIcon(run)\"></i>\n {{ run.Status }}\n </span>\n </td>\n <td class=\"duration-cell\">{{ FormatDuration(run) }}</td>\n <td>{{ run.TotalRecords | number }}</td>\n <td>{{ run.RunByUser }}</td>\n <td>\n <i class=\"fa-solid fa-chevron-right detail-arrow\"\n [class.rotated]=\"IsSelectedRun(run.ID)\"></i>\n </td>\n </tr>\n @if (IsSelectedRun(run.ID) && IsLoadingDetails) {\n <tr class=\"detail-row\">\n <td colspan=\"6\">\n <mj-loading text=\"Loading details...\" size=\"small\"></mj-loading>\n </td>\n </tr>\n }\n @if (IsSelectedRun(run.ID) && !IsLoadingDetails && RunDetails.length > 0) {\n <tr class=\"detail-row\">\n <td colspan=\"6\">\n <div class=\"detail-panel\">\n <h4>Entity Breakdown</h4>\n <table class=\"detail-table\">\n <thead>\n <tr>\n <th>Entity</th>\n <th>Processed</th>\n <th>Created</th>\n <th>Updated</th>\n <th>Errors</th>\n </tr>\n </thead>\n <tbody>\n @for (detail of RunDetails; track detail.ID) {\n <tr>\n <td>{{ detail.Entity }}</td>\n <td>{{ detail.RecordsProcessed | number }}</td>\n <td>{{ detail.RecordsCreated | number }}</td>\n <td>{{ detail.RecordsUpdated | number }}</td>\n <td [class.error-count]=\"detail.RecordsErrored > 0\">\n {{ detail.RecordsErrored | number }}\n </td>\n </tr>\n }\n </tbody>\n </table>\n\n \n @if (run.ErrorLog) {\n <div class=\"error-details-section\">\n <button class=\"error-toggle\" (click)=\"ToggleErrorLog($event)\">\n <i class=\"fa-solid fa-exclamation-triangle\"></i>\n Error Details\n <i class=\"fa-solid fa-chevron-down toggle-icon\"\n [class.rotated]=\"ShowErrorLog\"></i>\n </button>\n @if (ShowErrorLog) {\n <pre class=\"error-log\">{{ run.ErrorLog }}</pre>\n }\n </div>\n }\n </div>\n </td>\n </tr>\n }\n }\n </tbody>\n </table>\n </div>\n }\n `,\n styles: [`\n .history-loading, .history-empty {\n padding: 24px; text-align: center; color: #888;\n }\n .history-empty i { font-size: 24px; margin-bottom: 8px; display: block; }\n\n .history-panel { margin-top: 8px; }\n\n .history-table {\n width: 100%; border-collapse: collapse; font-size: 13px;\n }\n .history-table th {\n text-align: left; padding: 6px 8px;\n border-bottom: 2px solid #eee; color: #666; font-weight: 600;\n }\n .run-row { cursor: pointer; }\n .run-row:hover { background: #f8f9fa; }\n .run-row.selected { background: #f0f4ff; }\n .run-row td { padding: 6px 8px; border-bottom: 1px solid #f0f0f0; }\n\n /* Status Chips with icon */\n .run-status-chip {\n font-size: 11px; font-weight: 600; padding: 3px 8px;\n border-radius: 10px; display: inline-flex; align-items: center; gap: 4px;\n white-space: nowrap;\n }\n .chip-green { background: #e6f9ed; color: #1b7a3d; }\n .chip-amber { background: #fff7e0; color: #b5850a; }\n .chip-red { background: #fde8e8; color: #c62828; }\n\n .duration-cell {\n font-variant-numeric: tabular-nums;\n color: #555;\n }\n\n .detail-arrow { transition: transform 0.2s; font-size: 11px; color: #999; }\n .detail-arrow.rotated { transform: rotate(90deg); }\n\n .detail-row td { padding: 0; }\n .detail-panel {\n padding: 12px 16px; background: #fafbfc;\n border-left: 3px solid var(--primary-color, #4a6cf7);\n }\n .detail-panel h4 { margin: 0 0 8px 0; font-size: 13px; }\n\n .detail-table {\n width: 100%; border-collapse: collapse; font-size: 12px;\n }\n .detail-table th {\n text-align: left; padding: 4px 6px; color: #888; font-weight: 500;\n }\n .detail-table td { padding: 4px 6px; }\n .error-count { color: #c62828; font-weight: 600; }\n\n /* Error Details */\n .error-details-section {\n margin-top: 12px;\n border-top: 1px solid #eee;\n padding-top: 8px;\n }\n .error-toggle {\n background: none; border: none; cursor: pointer;\n font-size: 12px; font-weight: 600; color: #c62828;\n display: flex; align-items: center; gap: 6px;\n padding: 4px 0;\n }\n .error-toggle:hover { text-decoration: underline; }\n .toggle-icon {\n transition: transform 0.2s; font-size: 10px;\n }\n .toggle-icon.rotated { transform: rotate(180deg); }\n .error-log {\n margin: 8px 0 0 0; padding: 10px;\n background: #fff0f0; border: 1px solid #fdd;\n border-radius: 4px; font-size: 11px;\n white-space: pre-wrap; word-break: break-word;\n max-height: 200px; overflow-y: auto;\n color: #7a1111;\n }\n `]\n})\nexport class RunHistoryPanelComponent implements OnChanges {\n @Input() CompanyIntegrationID: string | null = null;\n @Input() ViewProvider: IRunViewProvider | null = null;\n\n Runs: IntegrationRunRow[] = [];\n RunDetails: RunDetailRow[] = [];\n SelectedRunID: string | null = null;\n IsLoading = false;\n IsLoadingDetails = false;\n ShowErrorLog = false;\n\n private dataService = inject(IntegrationDataService);\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['CompanyIntegrationID'] && this.CompanyIntegrationID) {\n this.LoadRuns();\n }\n }\n\n async LoadRuns(): Promise<void> {\n if (!this.CompanyIntegrationID) return;\n this.IsLoading = true;\n this.SelectedRunID = null;\n this.RunDetails = [];\n this.ShowErrorLog = false;\n try {\n this.Runs = await this.dataService.LoadRunHistory(\n this.CompanyIntegrationID, 10, this.ViewProvider\n );\n } finally {\n this.IsLoading = false;\n }\n }\n\n async OnRunClick(run: IntegrationRunRow): Promise<void> {\n if (UUIDsEqual(this.SelectedRunID, run.ID)) {\n this.SelectedRunID = null;\n this.RunDetails = [];\n this.ShowErrorLog = false;\n return;\n }\n this.SelectedRunID = run.ID;\n this.IsLoadingDetails = true;\n this.RunDetails = [];\n this.ShowErrorLog = false;\n try {\n this.RunDetails = await this.dataService.LoadRunDetails(run.ID, this.ViewProvider);\n } finally {\n this.IsLoadingDetails = false;\n }\n }\n\n IsSelectedRun(id: string): boolean {\n return UUIDsEqual(this.SelectedRunID, id);\n }\n\n StatusColor(run: IntegrationRunRow): RunStatusColorType {\n if (run.Status === 'Success') return 'green';\n if (run.Status === 'Failed') return 'red';\n return 'amber';\n }\n\n StatusIcon(run: IntegrationRunRow): string {\n if (run.Status === 'Success') return 'fa-solid fa-circle-check';\n if (run.Status === 'Failed') return 'fa-solid fa-circle-xmark';\n if (run.Status === 'In Progress') return 'fa-solid fa-spinner fa-spin';\n return 'fa-solid fa-clock';\n }\n\n FormatDate(dateStr: string | null): string {\n if (!dateStr) return '--';\n const d = new Date(dateStr);\n return d.toLocaleString(undefined, {\n month: 'short', day: 'numeric',\n hour: '2-digit', minute: '2-digit'\n });\n }\n\n FormatDuration(run: IntegrationRunRow): string {\n if (!run.StartedAt || !run.EndedAt) return '--';\n const ms = new Date(run.EndedAt).getTime() - new Date(run.StartedAt).getTime();\n return this.dataService.FormatDuration(ms);\n }\n\n ToggleErrorLog(event: Event): void {\n event.stopPropagation();\n this.ShowErrorLog = !this.ShowErrorLog;\n }\n}\n"]}

package/dist/Integration/index.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export * from './services/integration-data.service';
+export * from './components/control-tower/control-tower.component';
+export * from './components/connection-studio/connection-studio.component';
+export * from './components/mapping-workspace/mapping-workspace.component';
+export * from './components/sync-activity/sync-activity.component';
+export * from './components/widgets/integration-card.component';
+export * from './components/widgets/run-history-panel.component';
+export * from './integration.module';
+//# sourceMappingURL=index.d.ts.map

package/dist/Integration/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Integration/index.ts"],"names":[],"mappings":"AACA,cAAc,qCAAqC,CAAC;AAGpD,cAAc,oDAAoD,CAAC;AAGnE,cAAc,4DAA4D,CAAC;AAG3E,cAAc,4DAA4D,CAAC;AAG3E,cAAc,oDAAoD,CAAC;AAGnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,kDAAkD,CAAC;AAGjE,cAAc,sBAAsB,CAAC"}

package/dist/Integration/index.js ADDED Viewed

@@ -0,0 +1,16 @@
+// Services
+export * from './services/integration-data.service';
+// Control Tower
+export * from './components/control-tower/control-tower.component';
+// Connection Studio
+export * from './components/connection-studio/connection-studio.component';
+// Mapping Workspace
+export * from './components/mapping-workspace/mapping-workspace.component';
+// Sync Activity
+export * from './components/sync-activity/sync-activity.component';
+// Widgets
+export * from './components/widgets/integration-card.component';
+export * from './components/widgets/run-history-panel.component';
+// Module
+export * from './integration.module';
+//# sourceMappingURL=index.js.map

package/dist/Integration/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Integration/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,cAAc,qCAAqC,CAAC;AAEpD,gBAAgB;AAChB,cAAc,oDAAoD,CAAC;AAEnE,oBAAoB;AACpB,cAAc,4DAA4D,CAAC;AAE3E,oBAAoB;AACpB,cAAc,4DAA4D,CAAC;AAE3E,gBAAgB;AAChB,cAAc,oDAAoD,CAAC;AAEnE,UAAU;AACV,cAAc,iDAAiD,CAAC;AAChE,cAAc,kDAAkD,CAAC;AAEjE,SAAS;AACT,cAAc,sBAAsB,CAAC","sourcesContent":["// Services\nexport * from './services/integration-data.service';\n\n// Control Tower\nexport * from './components/control-tower/control-tower.component';\n\n// Connection Studio\nexport * from './components/connection-studio/connection-studio.component';\n\n// Mapping Workspace\nexport * from './components/mapping-workspace/mapping-workspace.component';\n\n// Sync Activity\nexport * from './components/sync-activity/sync-activity.component';\n\n// Widgets\nexport * from './components/widgets/integration-card.component';\nexport * from './components/widgets/run-history-panel.component';\n\n// Module\nexport * from './integration.module';\n"]}

package/dist/Integration/integration.module.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/control-tower/control-tower.component";
+import * as i2 from "./components/connection-studio/connection-studio.component";
+import * as i3 from "./components/mapping-workspace/mapping-workspace.component";
+import * as i4 from "./components/sync-activity/sync-activity.component";
+import * as i5 from "./components/widgets/integration-card.component";
+import * as i6 from "./components/widgets/run-history-panel.component";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/forms";
+import * as i9 from "@progress/kendo-angular-buttons";
+import * as i10 from "@progress/kendo-angular-dropdowns";
+import * as i11 from "@progress/kendo-angular-inputs";
+import * as i12 from "@progress/kendo-angular-grid";
+import * as i13 from "@progress/kendo-angular-layout";
+import * as i14 from "@memberjunction/ng-shared-generic";
+import * as i15 from "@memberjunction/ng-credentials";
+export declare class IntegrationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntegrationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IntegrationModule, [typeof i1.ControlTowerComponent, typeof i2.ConnectionStudioComponent, typeof i3.MappingWorkspaceComponent, typeof i4.SyncActivityComponent, typeof i5.IntegrationCardComponent, typeof i6.RunHistoryPanelComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.ButtonsModule, typeof i10.DropDownsModule, typeof i11.InputsModule, typeof i12.GridModule, typeof i13.LayoutModule, typeof i14.SharedGenericModule, typeof i15.CredentialsModule], [typeof i1.ControlTowerComponent, typeof i2.ConnectionStudioComponent, typeof i3.MappingWorkspaceComponent, typeof i4.SyncActivityComponent, typeof i5.IntegrationCardComponent, typeof i6.RunHistoryPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IntegrationModule>;
+}
+//# sourceMappingURL=integration.module.d.ts.map

package/dist/Integration/integration.module.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"integration.module.d.ts","sourceRoot":"","sources":["../../src/Integration/integration.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBA,qBAgCa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAI"}

package/dist/Integration/integration.module.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { GridModule } from '@progress/kendo-angular-grid';
+import { LayoutModule } from '@progress/kendo-angular-layout';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { CredentialsModule } from '@memberjunction/ng-credentials';
+import { ControlTowerComponent } from './components/control-tower/control-tower.component';
+import { ConnectionStudioComponent } from './components/connection-studio/connection-studio.component';
+import { MappingWorkspaceComponent } from './components/mapping-workspace/mapping-workspace.component';
+import { SyncActivityComponent } from './components/sync-activity/sync-activity.component';
+import { IntegrationCardComponent } from './components/widgets/integration-card.component';
+import { RunHistoryPanelComponent } from './components/widgets/run-history-panel.component';
+import { IntegrationDataService } from './services/integration-data.service';
+import * as i0 from "@angular/core";
+export class IntegrationModule {
+    static ɵfac = function IntegrationModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IntegrationModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IntegrationModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            IntegrationDataService
+        ], imports: [CommonModule,
+            FormsModule,
+            ButtonsModule,
+            DropDownsModule,
+            InputsModule,
+            GridModule,
+            LayoutModule,
+            SharedGenericModule,
+            CredentialsModule] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IntegrationModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ControlTowerComponent,
+                    ConnectionStudioComponent,
+                    MappingWorkspaceComponent,
+                    SyncActivityComponent,
+                    IntegrationCardComponent,
+                    RunHistoryPanelComponent
+                ],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ButtonsModule,
+                    DropDownsModule,
+                    InputsModule,
+                    GridModule,
+                    LayoutModule,
+                    SharedGenericModule,
+                    CredentialsModule
+                ],
+                providers: [
+                    IntegrationDataService
+                ],
+                exports: [
+                    ControlTowerComponent,
+                    ConnectionStudioComponent,
+                    MappingWorkspaceComponent,
+                    SyncActivityComponent,
+                    IntegrationCardComponent,
+                    RunHistoryPanelComponent
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IntegrationModule, { declarations: [ControlTowerComponent,
+        ConnectionStudioComponent,
+        MappingWorkspaceComponent,
+        SyncActivityComponent,
+        IntegrationCardComponent,
+        RunHistoryPanelComponent], imports: [CommonModule,
+        FormsModule,
+        ButtonsModule,
+        DropDownsModule,
+        InputsModule,
+        GridModule,
+        LayoutModule,
+        SharedGenericModule,
+        CredentialsModule], exports: [ControlTowerComponent,
+        ConnectionStudioComponent,
+        MappingWorkspaceComponent,
+        SyncActivityComponent,
+        IntegrationCardComponent,
+        RunHistoryPanelComponent] }); })();
+//# sourceMappingURL=integration.module.js.map

package/dist/Integration/integration.module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"integration.module.js","sourceRoot":"","sources":["../../src/Integration/integration.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AACvG,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;;AAkC7E,MAAM,OAAO,iBAAiB;2GAAjB,iBAAiB;4DAAjB,iBAAiB;iEAZjB;YACT,sBAAsB;SACvB,YAZC,YAAY;YACZ,WAAW;YACX,aAAa;YACb,eAAe;YACf,YAAY;YACZ,UAAU;YACV,YAAY;YACZ,mBAAmB;YACnB,iBAAiB;;iFAcR,iBAAiB;cAhC7B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;oBACrB,yBAAyB;oBACzB,yBAAyB;oBACzB,qBAAqB;oBACrB,wBAAwB;oBACxB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,aAAa;oBACb,eAAe;oBACf,YAAY;oBACZ,UAAU;oBACV,YAAY;oBACZ,mBAAmB;oBACnB,iBAAiB;iBAClB;gBACD,SAAS,EAAE;oBACT,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,qBAAqB;oBACrB,yBAAyB;oBACzB,yBAAyB;oBACzB,qBAAqB;oBACrB,wBAAwB;oBACxB,wBAAwB;iBACzB;aACF;;wFACY,iBAAiB,mBA9B1B,qBAAqB;QACrB,yBAAyB;QACzB,yBAAyB;QACzB,qBAAqB;QACrB,wBAAwB;QACxB,wBAAwB,aAGxB,YAAY;QACZ,WAAW;QACX,aAAa;QACb,eAAe;QACf,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,mBAAmB;QACnB,iBAAiB,aAMjB,qBAAqB;QACrB,yBAAyB;QACzB,yBAAyB;QACzB,qBAAqB;QACrB,wBAAwB;QACxB,wBAAwB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ButtonsModule } from '@progress/kendo-angular-buttons';\nimport { DropDownsModule } from '@progress/kendo-angular-dropdowns';\nimport { InputsModule } from '@progress/kendo-angular-inputs';\nimport { GridModule } from '@progress/kendo-angular-grid';\nimport { LayoutModule } from '@progress/kendo-angular-layout';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { CredentialsModule } from '@memberjunction/ng-credentials';\n\nimport { ControlTowerComponent } from './components/control-tower/control-tower.component';\nimport { ConnectionStudioComponent } from './components/connection-studio/connection-studio.component';\nimport { MappingWorkspaceComponent } from './components/mapping-workspace/mapping-workspace.component';\nimport { SyncActivityComponent } from './components/sync-activity/sync-activity.component';\nimport { IntegrationCardComponent } from './components/widgets/integration-card.component';\nimport { RunHistoryPanelComponent } from './components/widgets/run-history-panel.component';\nimport { IntegrationDataService } from './services/integration-data.service';\n\n@NgModule({\n declarations: [\n ControlTowerComponent,\n ConnectionStudioComponent,\n MappingWorkspaceComponent,\n SyncActivityComponent,\n IntegrationCardComponent,\n RunHistoryPanelComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ButtonsModule,\n DropDownsModule,\n InputsModule,\n GridModule,\n LayoutModule,\n SharedGenericModule,\n CredentialsModule\n ],\n providers: [\n IntegrationDataService\n ],\n exports: [\n ControlTowerComponent,\n ConnectionStudioComponent,\n MappingWorkspaceComponent,\n SyncActivityComponent,\n IntegrationCardComponent,\n RunHistoryPanelComponent\n ]\n})\nexport class IntegrationModule { }\n"]}