@c8y/ngx-components 1017.0.30 → 1017.0.32

package/fesm2015/c8y-ngx-components-ecosystem-shared.mjs

@@ -39,6 +39,55 @@ var ERROR_TYPE;
     ERROR_TYPE["INVALID_APPLICATION"] = "INVALID_APPLICATION";
     ERROR_TYPE["MICROSERVICE_NAME_TOO_LONG"] = "MICROSERVICE_NAME_TOO_LONG";
 })(ERROR_TYPE || (ERROR_TYPE = {}));
+const PRODUCT_EXPERIENCE = {
+    APPLICATIONS: {
+        EVENTS: {
+            AVAILABILITY: 'availability',
+            APPLICATION_CARD: 'applicationCard',
+            APPLICATION_PROPERTIES: 'applicationProperties',
+            DEPLOY_APPLICATION: 'deployApplication',
+            DUPLICATE_APPLICATION: 'duplicateApplication',
+            INSTALLED_PLUGINS: 'installedPlugins',
+            PACKAGE_PLUGINS: 'packagePlugins',
+            PACKAGE_VERSIONS: 'packageVersions'
+        },
+        COMPONENTS: {
+            APPLICATION_CARD: 'application-card',
+            APPLICATION_PLUGINS: 'application-plugins',
+            APPLICATION_PROPERTIES: 'application-properties',
+            DEPLOY_APPLICATION: 'deploy-application',
+            DUPLICATE_APPLICATION_PROPERTIES: 'duplicate-application-properties',
+            PLUGIN_LIST: 'plugin-list',
+            PACKAGE_VERSIONS: 'package-versions-list',
+            UPDATE_PLUGIN_OF_APP: 'update-plugin-of-app'
+        },
+        ACTIONS: {
+            AVAILABILITY_CHANGE: 'availabilityChange',
+            CANCEL: 'cancel',
+            CLONE: 'clone',
+            CHANGE_PLUGIN_VERSION: 'changePluginVersion',
+            DELETE: 'delete',
+            DOWNLOAD: 'download',
+            DEPLOY_APPLICATION: 'deployApplication',
+            EDIT: 'edit',
+            INSTALL_PLUGIN: 'installPlugin',
+            INSTALL_PLUGINS: 'installPlugins',
+            SELECT_VERSION: 'selectVersion',
+            SET_AS_LATEST: 'setAsLatest',
+            UPDATE_AVAILABLE: 'updateAvailable',
+            UPLOAD: 'upload'
+        },
+        RESULTS: {
+            DEPLOYED: 'deployed',
+            DUPLICATED: 'duplicated',
+            PLUGIN_INSTALLED: 'pluginInstalled',
+            PLUGIN_REMOVED: 'pluginRemoved',
+            PLUGIN_VERSION_CHANGED: 'pluginVersionChanged',
+            SERVER_FAILURE: 'serverFailure',
+            SUCCESS: 'success'
+        }
+    }
+};
 
 const ERROR_MESSAGES = {
     [ERROR_TYPE.TYPE_VALIDATION]: gettext('Wrong file format. Expected a *.zip file with a valid manifest.'),
@@ -784,13 +833,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
             }] } });
 
 class ApplicationCardComponent {
-    constructor(applicationService, ecosystemService, alertService, router, wizardModalService, alert) {
+    constructor(applicationService, ecosystemService, alertService, router, wizardModalService, alert, gainsightService) {
         this.applicationService = applicationService;
         this.ecosystemService = ecosystemService;
         this.alertService = alertService;
         this.router = router;
         this.wizardModalService = wizardModalService;
         this.alert = alert;
+        this.gainsightService = gainsightService;
+        this.CURRENT_LOCATION = location.href;
         this.canEdit = true;
         this.onAppDeleted = new EventEmitter();
         this.onAppCloned = new EventEmitter();
@@ -829,6 +880,11 @@ class ApplicationCardComponent {
         this.isMicroservice
             ? this.router.navigateByUrl(`/microservices/${this.app.id}`)
             : this.router.navigateByUrl(`/ecosystem/application/${this.app.id}`);
+        this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.APPLICATIONS.EVENTS.APPLICATION_CARD, {
+            component: PRODUCT_EXPERIENCE.APPLICATIONS.COMPONENTS.APPLICATION_CARD,
+            action: PRODUCT_EXPERIENCE.APPLICATIONS.ACTIONS.EDIT,
+            url: this.CURRENT_LOCATION
+        });
     }
     openApp() {
         this.ecosystemService.openApp(this.app);
@@ -838,10 +894,20 @@ class ApplicationCardComponent {
             try {
                 yield this.ecosystemService.deleteApp(this.app);
                 this.onAppDeleted.emit();
+                this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.APPLICATIONS.EVENTS.APPLICATION_CARD, {
+                    component: PRODUCT_EXPERIENCE.APPLICATIONS.COMPONENTS.APPLICATION_CARD,
+                    action: PRODUCT_EXPERIENCE.APPLICATIONS.ACTIONS.DELETE,
+                    url: this.CURRENT_LOCATION
+                });
             }
             catch (ex) {
                 if (ex) {
                     this.alertService.addServerFailure(ex);
+                    this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.APPLICATIONS.EVENTS.APPLICATION_CARD, {
+                        component: PRODUCT_EXPERIENCE.APPLICATIONS.COMPONENTS.APPLICATION_CARD,
+                        result: PRODUCT_EXPERIENCE.APPLICATIONS.RESULTS.SERVER_FAILURE,
+                        url: this.CURRENT_LOCATION
+                    });
                 }
             }
         });
@@ -864,6 +930,11 @@ class ApplicationCardComponent {
             modalRef.content.onClose.subscribe(() => {
                 this.onAppCloned.next();
             });
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.APPLICATIONS.EVENTS.APPLICATION_CARD, {
+                component: PRODUCT_EXPERIENCE.APPLICATIONS.COMPONENTS.APPLICATION_CARD,
+                action: PRODUCT_EXPERIENCE.APPLICATIONS.ACTIONS.CLONE,
+                url: this.CURRENT_LOCATION
+            });
         });
     }
     isOwnedByManagement() {
@@ -889,12 +960,12 @@ class ApplicationCardComponent {
         });
     }
 }
-ApplicationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ApplicationCardComponent, deps: [{ token: i3.ApplicationService }, { token: EcosystemService }, { token: i2.AlertService }, { token: i4.Router }, { token: i2.WizardModalService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component });
+ApplicationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ApplicationCardComponent, deps: [{ token: i3.ApplicationService }, { token: EcosystemService }, { token: i2.AlertService }, { token: i4.Router }, { token: i2.WizardModalService }, { token: i2.AlertService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component });
 ApplicationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ApplicationCardComponent, selector: "c8y-application-card", inputs: { app: "app", canEdit: "canEdit" }, outputs: { onAppDeleted: "onAppDeleted", onAppCloned: "onAppCloned" }, ngImport: i0, template: "<div class=\"card pointer card--d-col\" *ngIf=\"!isFeature\">\n  <div (click)=\"detail()\" class=\"card-block text-center card-column-40\">\n    <div class=\"card-appicon\">\n      <c8y-app-icon\n        *ngIf=\"!isPackage && !isFeature && !isMicroservice && !isExternal\"\n        [app]=\"app\"\n        [contextPath]=\"app.contextPath\"\n        [name]=\"app.name\"\n      ></c8y-app-icon>\n      <i *ngIf=\"isPackage\" c8yIcon=\"big-parcel\"></i>\n      <i *ngIf=\"isMicroservice\" c8yIcon=\"microchip\"></i>\n      <i *ngIf=\"isExternal\" c8yIcon=\"globe1\"></i>\n    </div>\n    <div>\n      <p class=\"e2e-appCardName text-medium\" title=\"{{ app | humanizeAppName | async }}\">\n        {{ app | humanizeAppName | async }}\n      </p>\n      <ng-container *ngIf=\"isShowVersion\">\n        <p class=\"small text-muted\">\n          <em>{{ app.manifest.version }}</em>\n          <i\n            *ngIf=\"shouldUpgradePackage && isUnpacked\"\n            [tooltip]=\"'Update available' | translate\"\n            c8yIcon=\"exclamation-triangle\"\n            class=\"text-warning m-l-4\"\n          ></i>\n        </p>\n      </ng-container>\n    </div>\n  </div>\n  <div (click)=\"detail()\" class=\"card-block p-0 no-min-height card--d-col card-column-80 flex-grow\">\n    <div class=\"card-block no-min-height p-t-0 p-b-0 card-column-80\">\n      <div *ngIf=\"app.description || app.manifest?.description\" class=\"text-center-grid\">\n        <div class=\"p-b-8 card-hidden-grid\"></div>\n        <p class=\"small l-h-tight p-b-8 p-l-0 p-r-0\">\n          {{ app.description || app.manifest?.description | translate }}\n        </p>\n      </div>\n    </div>\n    <div\n      *ngIf=\"!app.label\"\n      class=\"card-block no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\"\n    >\n      <span [ngClass]=\"appState.class\" class=\"label\">\n        {{ isUnpacked ? ('Unpacked' | translate) : (appState.label | translate) }}\n      </span>\n    </div>\n    <div\n      *ngIf=\"app.label\"\n      class=\"card-block no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\"\n    >\n      <span [ngClass]=\"appState.class\" class=\"label text-warning\">\n        {{ isOwnedByManagementTenant ? app.label : ('COMMUNITY' | translate) }}\n      </span>\n    </div>\n    <div class=\"card-footer no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\">\n      <div class=\"p-b-16 card-hidden-list\"></div>\n      <button\n        (click)=\"openApp(); $event.stopPropagation()\"\n        *ngIf=\"canOpenInBrowser\"\n        [disabled]=\"disableOpenInBrowser\"\n        class=\"btn btn-sm btn-default\"\n        [title]=\"openButtonTitle | translate\"\n      >\n        <i c8yIcon=\"external-link\" class=\"m-r-4\"></i>\n        {{ 'Open' | translate }}\n      </button>\n      <div class=\"p-b-32 card-hidden-list\"></div>\n    </div>\n  </div>\n  <div class=\"p-r-40 card-hidden-grid\"></div>\n  <div *ngIf=\"canEdit || canOpenInBrowser || canDelete\" class=\"card-actions m-t-0\">\n    <div class=\"dropdown\" dropdown>\n      <button\n        class=\"dropdown-toggle c8y-dropdown\"\n        dropdownToggle\n        title=\"{{ 'Settings' | translate }}\"\n      >\n        <i c8yIcon=\"ellipsis-v\"></i>\n      </button>\n      <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n        <li *ngIf=\"canEdit\">\n          <button (click)=\"detail()\" title=\"{{ 'Edit' | translate }}\">\n            <i c8yIcon=\"pencil\" class=\"m-r-4\"></i>\n            {{ 'Edit' | translate }}\n          </button>\n        </li>\n        <ng-container *c8yIfAllowed=\"['ROLE_APPLICATION_MANAGEMENT_ADMIN']\">\n          <li>\n            <button\n              (click)=\"delete()\"\n              type=\"button\"\n              [title]=\"canDelete ? ('Delete' | translate) : (CANNOT_DELETE_HINT | translate)\"\n              [disabled]=\"!canDelete\"\n            >\n              <i c8yIcon=\"delete\" class=\"m-r-4\"></i>\n              {{ 'Delete' | translate }}\n            </button>\n          </li>\n          <li *ngIf=\"canClone\">\n            <button\n              *ngIf=\"isPackage\"\n              (click)=\"clone()\"\n              type=\"button\"\n              [title]=\"'Clone`package`' | translate\"\n            >\n              <i c8yIcon=\"copy\" class=\"m-r-4\"></i>\n              {{ 'Clone`package`' | translate }}\n            </button>\n            <button\n              *ngIf=\"!isPackage\"\n              (click)=\"clone()\"\n              type=\"button\"\n              [title]=\"'Clone`application`' | translate\"\n            >\n              <i c8yIcon=\"copy\" class=\"m-r-4\"></i>\n              {{ 'Clone`application`' | translate }}\n            </button>\n          </li>\n        </ng-container>\n      </ul>\n    </div>\n  </div>\n</div>\n\n<button (click)=\"detail()\" class=\"card pointer card--d-col\" *ngIf=\"isFeature\">\n  <div class=\"card-block text-center card-column-40\">\n    <div class=\"card-appicon\">\n      <c8y-app-icon\n        *ngIf=\"!isPackage && !isFeature && !isMicroservice && !isExternal\"\n        [app]=\"app\"\n        [contextPath]=\"app.contextPath\"\n        [name]=\"app.name\"\n      ></c8y-app-icon>\n      <i c8yIcon=\"tab\"></i>\n    </div>\n    <div>\n      <p class=\"e2e-appCardName text-medium\" title=\"{{ app | humanizeAppName | async }}\">\n        {{ app | humanizeAppName | async }}\n      </p>\n      <ng-container *ngIf=\"isShowVersion\">\n        <p class=\"small text-muted\">\n          <em>{{ app.manifest.version }}</em>\n          <i\n            *ngIf=\"shouldUpgradePackage && isUnpacked\"\n            [tooltip]=\"'Update available' | translate\"\n            c8yIcon=\"exclamation-triangle\"\n            class=\"text-warning m-l-4\"\n          ></i>\n        </p>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"card-block p-0 no-min-height card--d-col card-column-80 flex-grow\">\n    <div class=\"card-block no-min-height p-t-0 p-b-0 card-column-80\">\n      <div *ngIf=\"app.description || app.manifest?.description\" class=\"text-center-grid\">\n        <div class=\"p-b-8 card-hidden-grid\"></div>\n        <p class=\"small l-h-tight p-b-8 p-l-0 p-r-0\">\n          {{ app.description || app.manifest?.description | translate }}\n        </p>\n      </div>\n    </div>\n    <div class=\"card-block no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\">\n      <span [ngClass]=\"appState.class\" class=\"label\">\n        {{ isUnpacked ? ('Unpacked' | translate) : (appState.label | translate) }}\n      </span>\n    </div>\n    <div class=\"p-b-32 card-hidden-list\"></div>\n  </div>\n</button>\n", dependencies: [{ kind: "directive", type: i2.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.IfAllowedDirective, selector: "[c8yIfAllowed]", inputs: ["c8yIfAllowed", "c8yIfAllowedAllowAny"] }, { kind: "component", type: i2.AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "directive", type: i6.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i6.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i6.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.HumanizeAppNamePipe, name: "humanizeAppName" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ApplicationCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-application-card', template: "<div class=\"card pointer card--d-col\" *ngIf=\"!isFeature\">\n  <div (click)=\"detail()\" class=\"card-block text-center card-column-40\">\n    <div class=\"card-appicon\">\n      <c8y-app-icon\n        *ngIf=\"!isPackage && !isFeature && !isMicroservice && !isExternal\"\n        [app]=\"app\"\n        [contextPath]=\"app.contextPath\"\n        [name]=\"app.name\"\n      ></c8y-app-icon>\n      <i *ngIf=\"isPackage\" c8yIcon=\"big-parcel\"></i>\n      <i *ngIf=\"isMicroservice\" c8yIcon=\"microchip\"></i>\n      <i *ngIf=\"isExternal\" c8yIcon=\"globe1\"></i>\n    </div>\n    <div>\n      <p class=\"e2e-appCardName text-medium\" title=\"{{ app | humanizeAppName | async }}\">\n        {{ app | humanizeAppName | async }}\n      </p>\n      <ng-container *ngIf=\"isShowVersion\">\n        <p class=\"small text-muted\">\n          <em>{{ app.manifest.version }}</em>\n          <i\n            *ngIf=\"shouldUpgradePackage && isUnpacked\"\n            [tooltip]=\"'Update available' | translate\"\n            c8yIcon=\"exclamation-triangle\"\n            class=\"text-warning m-l-4\"\n          ></i>\n        </p>\n      </ng-container>\n    </div>\n  </div>\n  <div (click)=\"detail()\" class=\"card-block p-0 no-min-height card--d-col card-column-80 flex-grow\">\n    <div class=\"card-block no-min-height p-t-0 p-b-0 card-column-80\">\n      <div *ngIf=\"app.description || app.manifest?.description\" class=\"text-center-grid\">\n        <div class=\"p-b-8 card-hidden-grid\"></div>\n        <p class=\"small l-h-tight p-b-8 p-l-0 p-r-0\">\n          {{ app.description || app.manifest?.description | translate }}\n        </p>\n      </div>\n    </div>\n    <div\n      *ngIf=\"!app.label\"\n      class=\"card-block no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\"\n    >\n      <span [ngClass]=\"appState.class\" class=\"label\">\n        {{ isUnpacked ? ('Unpacked' | translate) : (appState.label | translate) }}\n      </span>\n    </div>\n    <div\n      *ngIf=\"app.label\"\n      class=\"card-block no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\"\n    >\n      <span [ngClass]=\"appState.class\" class=\"label text-warning\">\n        {{ isOwnedByManagementTenant ? app.label : ('COMMUNITY' | translate) }}\n      </span>\n    </div>\n    <div class=\"card-footer no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\">\n      <div class=\"p-b-16 card-hidden-list\"></div>\n      <button\n        (click)=\"openApp(); $event.stopPropagation()\"\n        *ngIf=\"canOpenInBrowser\"\n        [disabled]=\"disableOpenInBrowser\"\n        class=\"btn btn-sm btn-default\"\n        [title]=\"openButtonTitle | translate\"\n      >\n        <i c8yIcon=\"external-link\" class=\"m-r-4\"></i>\n        {{ 'Open' | translate }}\n      </button>\n      <div class=\"p-b-32 card-hidden-list\"></div>\n    </div>\n  </div>\n  <div class=\"p-r-40 card-hidden-grid\"></div>\n  <div *ngIf=\"canEdit || canOpenInBrowser || canDelete\" class=\"card-actions m-t-0\">\n    <div class=\"dropdown\" dropdown>\n      <button\n        class=\"dropdown-toggle c8y-dropdown\"\n        dropdownToggle\n        title=\"{{ 'Settings' | translate }}\"\n      >\n        <i c8yIcon=\"ellipsis-v\"></i>\n      </button>\n      <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n        <li *ngIf=\"canEdit\">\n          <button (click)=\"detail()\" title=\"{{ 'Edit' | translate }}\">\n            <i c8yIcon=\"pencil\" class=\"m-r-4\"></i>\n            {{ 'Edit' | translate }}\n          </button>\n        </li>\n        <ng-container *c8yIfAllowed=\"['ROLE_APPLICATION_MANAGEMENT_ADMIN']\">\n          <li>\n            <button\n              (click)=\"delete()\"\n              type=\"button\"\n              [title]=\"canDelete ? ('Delete' | translate) : (CANNOT_DELETE_HINT | translate)\"\n              [disabled]=\"!canDelete\"\n            >\n              <i c8yIcon=\"delete\" class=\"m-r-4\"></i>\n              {{ 'Delete' | translate }}\n            </button>\n          </li>\n          <li *ngIf=\"canClone\">\n            <button\n              *ngIf=\"isPackage\"\n              (click)=\"clone()\"\n              type=\"button\"\n              [title]=\"'Clone`package`' | translate\"\n            >\n              <i c8yIcon=\"copy\" class=\"m-r-4\"></i>\n              {{ 'Clone`package`' | translate }}\n            </button>\n            <button\n              *ngIf=\"!isPackage\"\n              (click)=\"clone()\"\n              type=\"button\"\n              [title]=\"'Clone`application`' | translate\"\n            >\n              <i c8yIcon=\"copy\" class=\"m-r-4\"></i>\n              {{ 'Clone`application`' | translate }}\n            </button>\n          </li>\n        </ng-container>\n      </ul>\n    </div>\n  </div>\n</div>\n\n<button (click)=\"detail()\" class=\"card pointer card--d-col\" *ngIf=\"isFeature\">\n  <div class=\"card-block text-center card-column-40\">\n    <div class=\"card-appicon\">\n      <c8y-app-icon\n        *ngIf=\"!isPackage && !isFeature && !isMicroservice && !isExternal\"\n        [app]=\"app\"\n        [contextPath]=\"app.contextPath\"\n        [name]=\"app.name\"\n      ></c8y-app-icon>\n      <i c8yIcon=\"tab\"></i>\n    </div>\n    <div>\n      <p class=\"e2e-appCardName text-medium\" title=\"{{ app | humanizeAppName | async }}\">\n        {{ app | humanizeAppName | async }}\n      </p>\n      <ng-container *ngIf=\"isShowVersion\">\n        <p class=\"small text-muted\">\n          <em>{{ app.manifest.version }}</em>\n          <i\n            *ngIf=\"shouldUpgradePackage && isUnpacked\"\n            [tooltip]=\"'Update available' | translate\"\n            c8yIcon=\"exclamation-triangle\"\n            class=\"text-warning m-l-4\"\n          ></i>\n        </p>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"card-block p-0 no-min-height card--d-col card-column-80 flex-grow\">\n    <div class=\"card-block no-min-height p-t-0 p-b-0 card-column-80\">\n      <div *ngIf=\"app.description || app.manifest?.description\" class=\"text-center-grid\">\n        <div class=\"p-b-8 card-hidden-grid\"></div>\n        <p class=\"small l-h-tight p-b-8 p-l-0 p-r-0\">\n          {{ app.description || app.manifest?.description | translate }}\n        </p>\n      </div>\n    </div>\n    <div class=\"card-block no-min-height p-t-0 p-b-0 card-column-20 text-center-grid\">\n      <span [ngClass]=\"appState.class\" class=\"label\">\n        {{ isUnpacked ? ('Unpacked' | translate) : (appState.label | translate) }}\n      </span>\n    </div>\n    <div class=\"p-b-32 card-hidden-list\"></div>\n  </div>\n</button>\n" }]
-        }], ctorParameters: function () { return [{ type: i3.ApplicationService }, { type: EcosystemService }, { type: i2.AlertService }, { type: i4.Router }, { type: i2.WizardModalService }, { type: i2.AlertService }]; }, propDecorators: { app: [{
+        }], ctorParameters: function () { return [{ type: i3.ApplicationService }, { type: EcosystemService }, { type: i2.AlertService }, { type: i4.Router }, { type: i2.WizardModalService }, { type: i2.AlertService }, { type: i2.GainsightService }]; }, propDecorators: { app: [{
                 type: Input
             }], canEdit: [{
                 type: Input
@@ -1056,10 +1127,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
             }] } });
 
 class DuplicateApplicationPropertiesComponent {
-    constructor(bsModalRef, ecosystemService, applicationService) {
+    constructor(bsModalRef, ecosystemService, applicationService, gainsightService) {
         this.bsModalRef = bsModalRef;
         this.ecosystemService = ecosystemService;
         this.applicationService = applicationService;
+        this.gainsightService = gainsightService;
+        this.CURRENT_LOCATION = location.href;
         this.isFirstStep = false;
         this.duplicatedApp = new EventEmitter();
         this.disableForm = false;
@@ -1083,10 +1156,20 @@ class DuplicateApplicationPropertiesComponent {
             delete clonedApp.type;
             yield this.updateApp(clonedApp);
             this.inProgress = false;
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.APPLICATIONS.EVENTS.DUPLICATE_APPLICATION, {
+                component: PRODUCT_EXPERIENCE.APPLICATIONS.COMPONENTS.DUPLICATE_APPLICATION_PROPERTIES,
+                result: PRODUCT_EXPERIENCE.APPLICATIONS.RESULTS.DUPLICATED,
+                url: this.CURRENT_LOCATION
+            });
         });
     }
     cancel() {
         this.bsModalRef.hide();
+        this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.APPLICATIONS.EVENTS.DUPLICATE_APPLICATION, {
+            component: PRODUCT_EXPERIENCE.APPLICATIONS.COMPONENTS.DUPLICATE_APPLICATION_PROPERTIES,
+            action: PRODUCT_EXPERIENCE.APPLICATIONS.ACTIONS.CANCEL,
+            url: this.CURRENT_LOCATION
+        });
     }
     back() {
         this.stepper.previous();
@@ -1143,12 +1226,12 @@ class DuplicateApplicationPropertiesComponent {
         });
     }
 }
-DuplicateApplicationPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DuplicateApplicationPropertiesComponent, deps: [{ token: i1$1.BsModalRef }, { token: EcosystemService }, { token: i3.ApplicationService }], target: i0.ɵɵFactoryTarget.Component });
+DuplicateApplicationPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DuplicateApplicationPropertiesComponent, deps: [{ token: i1$1.BsModalRef }, { token: EcosystemService }, { token: i3.ApplicationService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component });
 DuplicateApplicationPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DuplicateApplicationPropertiesComponent, selector: "c8y-duplicate-application-properties", inputs: { stepper: "stepper", existingApps: "existingApps", selectedApp: "selectedApp", isFirstStep: "isFirstStep" }, outputs: { duplicatedApp: "duplicatedApp" }, viewQueries: [{ propertyName: "applicationPropertiesForm", first: true, predicate: ApplicationPropertiesFormComponent, descendants: true }], ngImport: i0, template: "<p\n  class=\"p-16 text-center text-medium separator-bottom sticky-top bg-level-0 fit-w\"\n  *ngIf=\"!inProgress\"\n>\n  {{ 'Provide application details' | translate }}\n</p>\n\n<ng-container *ngIf=\"!inProgress\">\n  <label class=\"c8y-switch\" *ngIf=\"isSubscribedApp$ | async\">\n    <input type=\"checkbox\" [(ngModel)]=\"disableForm\" (change)=\"getAppConfig()\" />\n    <span></span> {{ 'Overrule subscribed application' | translate }}\n  </label>\n\n  <c8y-application-properties-form\n    [application]=\"newAppConfig\"\n    class=\"d-block fit-w\"\n    [disabled]=\"disableForm\"\n  ></c8y-application-properties-form>\n</ng-container>\n<c8y-progress-bar\n  *ngIf=\"inProgress\"\n  [message]=\"'Duplicating\u2026' | translate\"\n  class=\"text-center d-block\"\n></c8y-progress-bar>\n\n<c8y-wizard-footer>\n  <button\n    *ngIf=\"!isFirstStep\"\n    (click)=\"back()\"\n    [disabled]=\"inProgress\"\n    class=\"btn btn-default\"\n    type=\"button\"\n    title=\"{{ 'Back' | translate }}\"\n  >\n    {{ 'Back' | translate }}\n  </button>\n  <button (click)=\"cancel()\" class=\"btn btn-default\" title=\"{{ 'Cancel' | translate }}\">\n    {{ 'Cancel' | translate }}\n  </button>\n  <button\n    (click)=\"duplicateApp()\"\n    [disabled]=\"inProgress\"\n    class=\"btn btn-primary\"\n    type=\"button\"\n    title=\"{{ 'Duplicate' | translate }}\"\n  >\n    {{ 'Duplicate' | translate }}\n  </button>\n</c8y-wizard-footer>\n", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ProgressBarComponent, selector: "c8y-progress-bar", inputs: ["message", "progress"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.WizardFooterComponent, selector: "c8y-wizard-footer" }, { kind: "component", type: ApplicationPropertiesFormComponent, selector: "c8y-application-properties-form", inputs: ["application", "disabled"] }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DuplicateApplicationPropertiesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-duplicate-application-properties', template: "<p\n  class=\"p-16 text-center text-medium separator-bottom sticky-top bg-level-0 fit-w\"\n  *ngIf=\"!inProgress\"\n>\n  {{ 'Provide application details' | translate }}\n</p>\n\n<ng-container *ngIf=\"!inProgress\">\n  <label class=\"c8y-switch\" *ngIf=\"isSubscribedApp$ | async\">\n    <input type=\"checkbox\" [(ngModel)]=\"disableForm\" (change)=\"getAppConfig()\" />\n    <span></span> {{ 'Overrule subscribed application' | translate }}\n  </label>\n\n  <c8y-application-properties-form\n    [application]=\"newAppConfig\"\n    class=\"d-block fit-w\"\n    [disabled]=\"disableForm\"\n  ></c8y-application-properties-form>\n</ng-container>\n<c8y-progress-bar\n  *ngIf=\"inProgress\"\n  [message]=\"'Duplicating\u2026' | translate\"\n  class=\"text-center d-block\"\n></c8y-progress-bar>\n\n<c8y-wizard-footer>\n  <button\n    *ngIf=\"!isFirstStep\"\n    (click)=\"back()\"\n    [disabled]=\"inProgress\"\n    class=\"btn btn-default\"\n    type=\"button\"\n    title=\"{{ 'Back' | translate }}\"\n  >\n    {{ 'Back' | translate }}\n  </button>\n  <button (click)=\"cancel()\" class=\"btn btn-default\" title=\"{{ 'Cancel' | translate }}\">\n    {{ 'Cancel' | translate }}\n  </button>\n  <button\n    (click)=\"duplicateApp()\"\n    [disabled]=\"inProgress\"\n    class=\"btn btn-primary\"\n    type=\"button\"\n    title=\"{{ 'Duplicate' | translate }}\"\n  >\n    {{ 'Duplicate' | translate }}\n  </button>\n</c8y-wizard-footer>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.BsModalRef }, { type: EcosystemService }, { type: i3.ApplicationService }]; }, propDecorators: { stepper: [{
+        }], ctorParameters: function () { return [{ type: i1$1.BsModalRef }, { type: EcosystemService }, { type: i3.ApplicationService }, { type: i2.GainsightService }]; }, propDecorators: { stepper: [{
                 type: Input
             }], existingApps: [{
                 type: Input
@@ -1385,5 +1468,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATE, AddApplicationComponent, ApplicationCardComponent, ApplicationPropertiesFormComponent, DuplicateApplicationComponent, DuplicateApplicationListComponent, DuplicateApplicationPropertiesComponent, ERROR_MESSAGES, ERROR_TYPE, EcosystemService, PackageVersionSelectComponent, SharedEcosystemModule, UploadArchiveComponent, Wizards, packageProperties };
+export { APP_STATE, AddApplicationComponent, ApplicationCardComponent, ApplicationPropertiesFormComponent, DuplicateApplicationComponent, DuplicateApplicationListComponent, DuplicateApplicationPropertiesComponent, ERROR_MESSAGES, ERROR_TYPE, EcosystemService, PRODUCT_EXPERIENCE, PackageVersionSelectComponent, SharedEcosystemModule, UploadArchiveComponent, Wizards, packageProperties };
 //# sourceMappingURL=c8y-ngx-components-ecosystem-shared.mjs.map