@memberjunction/ng-conversations 5.44.0 → 5.45.0

package/dist/lib/components/artifact/artifact-share-modal.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { MJConfirmService } from '@memberjunction/ng-ui-components';
 import { UserInfo } from '@memberjunction/core';
 import { MJArtifactEntity } from '@memberjunction/core-entities';
 import { ArtifactPermissionService, ArtifactPermission, ArtifactPermissionSet } from '../../services/artifact-permission.service';
@@ -11,6 +12,7 @@ interface PermissionDisplay extends ArtifactPermission {
 export declare class ArtifactShareModalComponent implements OnInit, OnChanges {
     private permissionService;
     private cdr;
+    private confirmService;
     isOpen: boolean;
     artifact: MJArtifactEntity | null;
     currentUser: UserInfo;
@@ -21,7 +23,7 @@ export declare class ArtifactShareModalComponent implements OnInit, OnChanges {
     availablePermissions: string[];
     canModifyPermissions: boolean;
     newPermissions: ArtifactPermissionSet;
-    constructor(permissionService: ArtifactPermissionService, cdr: ChangeDetectorRef);
+    constructor(permissionService: ArtifactPermissionService, cdr: ChangeDetectorRef, confirmService: MJConfirmService);
     ngOnInit(): Promise<void>;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     private loadPermissions;

package/dist/lib/components/artifact/artifact-share-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"artifact-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAI5H,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAClI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAExF,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,qBAAqB,CAAC;CAC7C;AAED,qBA0La,2BAA4B,YAAW,MAAM,EAAE,SAAS;IAoB7D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IApBN,MAAM,EAAE,OAAO,CAAS;IACxB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACzC,WAAW,EAAG,QAAQ,CAAC;IAEtB,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,qBAAqB,CAInC;gBAGU,iBAAiB,EAAE,yBAAyB,EAC5C,GAAG,EAAE,iBAAiB;IAG5B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAW1C,eAAe;YAgBf,0BAA0B;IA0CxC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAUlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAgDhC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAU3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IA6C9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAetE,QAAQ,IAAI,IAAI;yCAvPP,2BAA2B;2CAA3B,2BAA2B;CA0PvC"}
+{"version":3,"file":"artifact-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG5H,OAAO,EAA+D,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEjI,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAClI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAExF,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,qBAAqB,CAAC;CAC7C;AAED,qBA0La,2BAA4B,YAAW,MAAM,EAAE,SAAS;IAoB7D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,cAAc;IArBjB,MAAM,EAAE,OAAO,CAAS;IACxB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACzC,WAAW,EAAG,QAAQ,CAAC;IAEtB,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,qBAAqB,CAInC;gBAGU,iBAAiB,EAAE,yBAAyB,EAC5C,GAAG,EAAE,iBAAiB,EACtB,cAAc,EAAE,gBAAgB;IAGtC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAW1C,eAAe;YAgBf,0BAA0B;IA0CxC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAUlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAgDhC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAU3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IA6C9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAetE,QAAQ,IAAI,IAAI;yCAxPP,2BAA2B;2CAA3B,2BAA2B;CA2PvC"}

package/dist/lib/components/artifact/artifact-share-modal.component.js

@@ -1,10 +1,12 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MJWindowComponent, MJButtonDirective, MJEmptyStateComponent } from '@memberjunction/ng-ui-components';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { UserPickerComponent } from '../shared/user-picker.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/artifact-permission.service";
-import * as i2 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@angular/forms";
 const _forTrack0 = ($index, $item) => $item.id;
 function ArtifactShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -273,6 +275,7 @@ function ArtifactShareModalComponent_Conditional_0_Template(rf, ctx) { if (rf &
 export class ArtifactShareModalComponent {
     permissionService;
     cdr;
+    confirmService;
     isOpen = false;
     artifact = null;
     currentUser;
@@ -287,9 +290,10 @@ export class ArtifactShareModalComponent {
         canShare: false,
         canEdit: false
     };
-    constructor(permissionService, cdr) {
+    constructor(permissionService, cdr, confirmService) {
         this.permissionService = permissionService;
         this.cdr = cdr;
+        this.confirmService = confirmService;
     }
     async ngOnInit() {
         if (this.artifact) {
@@ -381,7 +385,7 @@ export class ArtifactShareModalComponent {
             };
             // Validate permissions
             if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {
-                alert('You cannot grant permissions you do not have');
+                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);
                 return;
             }
             // Grant permission
@@ -392,7 +396,7 @@ export class ArtifactShareModalComponent {
         }
         catch (error) {
             console.error('Error adding user:', error);
-            alert('Failed to add user. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to add user. Please try again.', 'error', 5000);
         }
     }
     onEditPermission(permission) {
@@ -422,7 +426,7 @@ export class ArtifactShareModalComponent {
             };
             // Validate permissions
             if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {
-                alert('You cannot grant permissions you do not have');
+                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);
                 return;
             }
             // Update permission
@@ -432,11 +436,11 @@ export class ArtifactShareModalComponent {
         }
         catch (error) {
             console.error('Error updating permission:', error);
-            alert('Failed to update permissions. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to update permissions. Please try again.', 'error', 5000);
         }
     }
     async onRevokePermission(permission) {
-        if (!confirm(`Remove ${permission.userName}'s access to this artifact?`)) {
+        if (!(await this.confirmService.ConfirmDelete({ title: 'Remove Access', message: `Remove ${permission.userName}'s access to this artifact?`, confirmText: 'Remove' }))) {
             return;
         }
         try {
@@ -446,18 +450,18 @@ export class ArtifactShareModalComponent {
         }
         catch (error) {
             console.error('Error revoking permission:', error);
-            alert('Failed to revoke permission. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to revoke permission. Please try again.', 'error', 5000);
         }
     }
     onCancel() {
         this.cancelled.emit();
     }
-    static ɵfac = function ArtifactShareModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ArtifactShareModalComponent)(i0.ɵɵdirectiveInject(i1.ArtifactPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵfac = function ArtifactShareModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ArtifactShareModalComponent)(i0.ɵɵdirectiveInject(i1.ArtifactPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.MJConfirmService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArtifactShareModalComponent, selectors: [["mj-artifact-share-modal"]], inputs: { isOpen: "isOpen", artifact: "artifact", currentUser: "currentUser" }, outputs: { saved: "saved", cancelled: "cancelled" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [3, "Close", "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [1, "share-modal-content"], [1, "add-user-section"], [1, "section-title"], [1, "fa-solid", "fa-user-plus"], [3, "userSelected", "currentUser", "excludeUserIds"], [1, "permissions-form"], [1, "permissions-list-section"], [1, "fa-solid", "fa-users"], ["Icon", "fa-solid fa-user-slash", "Title", "Not shared with anyone yet", "Size", "compact"], [1, "permissions-list"], [1, "modal-actions"], ["mjButton", "", 3, "click"], [1, "selected-user-info"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-details"], [1, "user-name"], [1, "user-email"], [1, "permissions-grid"], [1, "permission-checkbox", "disabled"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "permission-label"], [1, "fa-solid", "fa-eye"], [1, "permission-desc"], [1, "permission-checkbox"], [1, "form-actions"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-share-nodes"], [1, "fa-solid", "fa-pen-to-square"], [1, "permission-item"], [1, "permission-details"], [1, "permission-user"], [1, "shared-by"], [1, "permission-badges"], [1, "permissions-edit-grid"], [1, "permission-actions"], [1, "permission-badge"], [1, "permission-checkbox-small", "disabled"], [1, "permission-checkbox-small"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove", 3, "click"], [1, "fa-solid", "fa-xmark"], ["mjButton", "", "variant", "success", "size", "sm", "title", "Save", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Cancel", 3, "click"]], template: function ArtifactShareModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ArtifactShareModalComponent_Conditional_0_Template, 17, 11, "mj-window", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen && ctx.artifact ? 0 : -1);
-        } }, dependencies: [FormsModule, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n.user-details[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details[_ngcontent-%COMP%]   .user-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user[_ngcontent-%COMP%]   .shared-by[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}"] });
+        } }, dependencies: [FormsModule, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n.user-details[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details[_ngcontent-%COMP%]   .user-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user[_ngcontent-%COMP%]   .shared-by[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArtifactShareModalComponent, [{
         type: Component,
@@ -641,7 +645,7 @@ export class ArtifactShareModalComponent {
             </mj-window>
         }
     `, styles: [".share-modal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title i {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details {\n  flex: 1;\n  min-width: 0;\n}\n.user-details .user-name {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details .user-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form {\n  margin-top: 16px;\n}\n\n.permissions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox input[type=checkbox] {\n  margin-right: 8px;\n}\n.permission-checkbox .permission-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox .permission-label i {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox .permission-desc {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user .user-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user .shared-by {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge i {\n  font-size: 10px;\n}\n\n.permissions-edit-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small input[type=checkbox] {\n  margin: 0;\n}\n.permission-checkbox-small span {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary i {\n  font-size: 12px;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon i {\n  font-size: 14px;\n}\n\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n"] }]
-    }], () => [{ type: i1.ArtifactPermissionService }, { type: i0.ChangeDetectorRef }], { isOpen: [{
+    }], () => [{ type: i1.ArtifactPermissionService }, { type: i0.ChangeDetectorRef }, { type: i2.MJConfirmService }], { isOpen: [{
             type: Input
         }], artifact: [{
             type: Input
@@ -652,5 +656,5 @@ export class ArtifactShareModalComponent {
         }], cancelled: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArtifactShareModalComponent, { className: "ArtifactShareModalComponent", filePath: "src/lib/components/artifact/artifact-share-modal.component.ts", lineNumber: 201 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArtifactShareModalComponent, { className: "ArtifactShareModalComponent", filePath: "src/lib/components/artifact/artifact-share-modal.component.ts", lineNumber: 202 }); })();
 //# sourceMappingURL=artifact-share-modal.component.js.map

package/dist/lib/components/artifact/artifact-share-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"artifact-share-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-share-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\nimport { MJWindowComponent, MJButtonDirective, MJEmptyStateComponent } from '@memberjunction/ng-ui-components';\nimport { UserInfo } from '@memberjunction/core';\nimport { MJArtifactEntity } from '@memberjunction/core-entities';\nimport { ArtifactPermissionService, ArtifactPermission, ArtifactPermissionSet } from '../../services/artifact-permission.service';\nimport { UserPickerComponent, UserSearchResult } from '../shared/user-picker.component';\n\ninterface PermissionDisplay extends ArtifactPermission {\n    isEditing: boolean;\n    editingPermissions: ArtifactPermissionSet;\n}\n\n@Component({\n    selector: 'mj-artifact-share-modal',\n    standalone: true,\n    imports: [FormsModule, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent],\n    template: `\n        @if (isOpen && artifact) {\n            <mj-window\n                [Title]=\"'Share: ' + artifact.Name\"\n                [Width]=\"600\"\n                [Height]=\"500\"\n                [MinWidth]=\"400\"\n                [MinHeight]=\"400\"\n                [Visible]=\"true\"\n                (Close)=\"onCancel()\"\n            >\n                <div class=\"share-modal-content\">\n                    <!-- Add User Section -->\n                    <div class=\"add-user-section\">\n                        <h3 class=\"section-title\">\n                            <i class=\"fa-solid fa-user-plus\"></i>\n                            Share with User\n                        </h3>\n\n                        <mj-user-picker\n                            [currentUser]=\"currentUser\"\n                            [excludeUserIds]=\"getExcludedUserIds()\"\n                            (userSelected)=\"onUserSelected($event)\"\n                        ></mj-user-picker>\n\n                        @if (selectedUser) {\n                            <div class=\"permissions-form\">\n                                <div class=\"selected-user-info\">\n                                    <div class=\"user-avatar\">\n                                        <i class=\"fa-solid fa-user\"></i>\n                                    </div>\n                                    <div class=\"user-details\">\n                                        <div class=\"user-name\">{{ selectedUser.name }}</div>\n                                        <div class=\"user-email\">{{ selectedUser.email }}</div>\n                                    </div>\n                                </div>\n\n                                <div class=\"permissions-grid\">\n                                    <label class=\"permission-checkbox disabled\">\n                                        <input type=\"checkbox\" [checked]=\"true\" disabled>\n                                        <span class=\"permission-label\">\n                                            <i class=\"fa-solid fa-eye\"></i>\n                                            Read\n                                        </span>\n                                        <span class=\"permission-desc\">View artifact content</span>\n                                    </label>\n\n                                    @if (availablePermissions.includes('Share')) {\n                                        <label class=\"permission-checkbox\">\n                                            <input type=\"checkbox\" [(ngModel)]=\"newPermissions.canShare\">\n                                            <span class=\"permission-label\">\n                                                <i class=\"fa-solid fa-share-nodes\"></i>\n                                                Share\n                                            </span>\n                                            <span class=\"permission-desc\">Share with others</span>\n                                        </label>\n                                    }\n\n                                    @if (availablePermissions.includes('Edit')) {\n                                        <label class=\"permission-checkbox\">\n                                            <input type=\"checkbox\" [(ngModel)]=\"newPermissions.canEdit\">\n                                            <span class=\"permission-label\">\n                                                <i class=\"fa-solid fa-pen-to-square\"></i>\n                                                Edit\n                                            </span>\n                                            <span class=\"permission-desc\">Edit and delete artifact</span>\n                                        </label>\n                                    }\n                                </div>\n\n                                <div class=\"form-actions\">\n                                    <button mjButton variant=\"primary\" (click)=\"onAddUser()\" [disabled]=\"!selectedUser\">\n                                        <i class=\"fa-solid fa-plus\"></i>\n                                        Add User\n                                    </button>\n                                    <button mjButton (click)=\"onClearSelection()\">\n                                        Cancel\n                                    </button>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Current Permissions Section -->\n                    <div class=\"permissions-list-section\">\n                        <h3 class=\"section-title\">\n                            <i class=\"fa-solid fa-users\"></i>\n                            Shared With ({{ permissions.length }})\n                        </h3>\n\n                        @if (permissions.length === 0) {\n                            <mj-empty-state\n                                Icon=\"fa-solid fa-user-slash\"\n                                Title=\"Not shared with anyone yet\"\n                                Size=\"compact\" />\n                        } @else {\n                            <div class=\"permissions-list\">\n                                @for (permission of permissions; track permission.id) {\n                                    <div class=\"permission-item\">\n                                        <div class=\"user-avatar\">\n                                            <i class=\"fa-solid fa-user\"></i>\n                                        </div>\n                                        <div class=\"permission-details\">\n                                            <div class=\"permission-user\">\n                                                <span class=\"user-name\">{{ permission.userName }}</span>\n                                                @if (permission.sharedByUserName) {\n                                                    <span class=\"shared-by\">shared by {{ permission.sharedByUserName }}</span>\n                                                }\n                                            </div>\n\n                                            @if (!permission.isEditing) {\n                                                <div class=\"permission-badges\">\n                                                    <span class=\"permission-badge\">\n                                                        <i class=\"fa-solid fa-eye\"></i> Read\n                                                    </span>\n                                                    @if (permission.canShare) {\n                                                        <span class=\"permission-badge\">\n                                                            <i class=\"fa-solid fa-share-nodes\"></i> Share\n                                                        </span>\n                                                    }\n                                                    @if (permission.canEdit) {\n                                                        <span class=\"permission-badge\">\n                                                            <i class=\"fa-solid fa-pen-to-square\"></i> Edit\n                                                        </span>\n                                                    }\n                                                </div>\n                                            } @else {\n                                                <div class=\"permissions-edit-grid\">\n                                                    <label class=\"permission-checkbox-small disabled\">\n                                                        <input type=\"checkbox\" [checked]=\"true\" disabled>\n                                                        <span>Read</span>\n                                                    </label>\n                                                    @if (availablePermissions.includes('Share')) {\n                                                        <label class=\"permission-checkbox-small\">\n                                                            <input type=\"checkbox\" [(ngModel)]=\"permission.editingPermissions.canShare\">\n                                                            <span>Share</span>\n                                                        </label>\n                                                    }\n                                                    @if (availablePermissions.includes('Edit')) {\n                                                        <label class=\"permission-checkbox-small\">\n                                                            <input type=\"checkbox\" [(ngModel)]=\"permission.editingPermissions.canEdit\">\n                                                            <span>Edit</span>\n                                                        </label>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n\n                                        @if (canModifyPermissions) {\n                                            <div class=\"permission-actions\">\n                                                @if (!permission.isEditing) {\n                                                    <button mjButton variant=\"flat\" size=\"sm\" (click)=\"onEditPermission(permission)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"danger\" size=\"sm\" (click)=\"onRevokePermission(permission)\" title=\"Remove\">\n                                                        <i class=\"fa-solid fa-xmark\"></i>\n                                                    </button>\n                                                } @else {\n                                                    <button mjButton variant=\"success\" size=\"sm\" (click)=\"onSavePermission(permission)\" title=\"Save\">\n                                                        <i class=\"fa-solid fa-check\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"flat\" size=\"sm\" (click)=\"onCancelEdit(permission)\" title=\"Cancel\">\n                                                        <i class=\"fa-solid fa-xmark\"></i>\n                                                    </button>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <div class=\"modal-actions\">\n                    <button mjButton (click)=\"onCancel()\">Close</button>\n                </div>\n            </mj-window>\n        }\n    `,\n    styleUrls: ['./artifact-share-modal.component.css']\n})\nexport class ArtifactShareModalComponent implements OnInit, OnChanges {\n    @Input() isOpen: boolean = false;\n    @Input() artifact: MJArtifactEntity | null = null;\n    @Input() currentUser!: UserInfo;\n\n    @Output() saved = new EventEmitter<void>();\n    @Output() cancelled = new EventEmitter<void>();\n\n    permissions: PermissionDisplay[] = [];\n    selectedUser: UserSearchResult | null = null;\n    availablePermissions: string[] = [];\n    canModifyPermissions: boolean = false;\n\n    newPermissions: ArtifactPermissionSet = {\n        canRead: true,\n        canShare: false,\n        canEdit: false\n    };\n\n    constructor(\n        private permissionService: ArtifactPermissionService,\n        private cdr: ChangeDetectorRef\n    ) {}\n\n    async ngOnInit(): Promise<void> {\n        if (this.artifact) {\n            await this.loadPermissions();\n            await this.updateAvailablePermissions();\n        }\n    }\n\n    async ngOnChanges(changes: SimpleChanges): Promise<void> {\n        // Reload permissions when modal opens or artifact changes\n        const modalOpened = changes['isOpen']?.currentValue === true && changes['isOpen']?.previousValue === false;\n        const artifactChanged = changes['artifact'] && !changes['artifact'].isFirstChange();\n\n        if ((modalOpened || artifactChanged) && this.artifact) {\n            await this.loadPermissions();\n            await this.updateAvailablePermissions();\n        }\n    }\n\n    private async loadPermissions(): Promise<void> {\n        if (!this.artifact) return;\n\n        const perms = await this.permissionService.loadPermissions(this.artifact.ID, this.currentUser);\n        this.permissions = perms.map(p => ({\n            ...p,\n            isEditing: false,\n            editingPermissions: {\n                canRead: p.canRead,\n                canShare: p.canShare,\n                canEdit: p.canEdit\n            }\n        }));\n        this.cdr.detectChanges();\n    }\n\n    private async updateAvailablePermissions(): Promise<void> {\n        if (!this.artifact) return;\n\n        // Check if current user is owner\n        const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);\n\n        // Check if user has share permission\n        const hasSharePermission = await this.permissionService.checkPermission(\n            this.artifact.ID,\n            this.currentUser.ID,\n            'share',\n            this.currentUser\n        );\n\n        // Allow modification if user is owner OR has Share permission\n        this.canModifyPermissions = isOwner || hasSharePermission;\n\n        // Get user's current permissions\n        const userPerms: ArtifactPermissionSet = {\n            canRead: true,\n            canShare: hasSharePermission,\n            canEdit: await this.permissionService.checkPermission(\n                this.artifact.ID,\n                this.currentUser.ID,\n                'edit',\n                this.currentUser\n            )\n        };\n\n        this.availablePermissions = this.permissionService.getAvailablePermissions(userPerms, isOwner);\n\n        console.log('Share modal permissions:', {\n            artifactId: this.artifact?.ID,\n            userId: this.artifact?.UserID,\n            currentUserId: this.currentUser.ID,\n            isOwner,\n            availablePermissions: this.availablePermissions\n        });\n\n        this.cdr.detectChanges(); // zone.js 0.15: async permission checks don't trigger CD\n    }\n\n    getExcludedUserIds(): string[] {\n        const ids = this.permissions.map(p => p.userId);\n        ids.push(this.currentUser.ID); // Can't share with yourself\n        if (this.artifact?.UserID) {\n            ids.push(this.artifact.UserID); // Owner already has all permissions\n        }\n        return ids;\n    }\n\n    onUserSelected(user: UserSearchResult): void {\n        this.selectedUser = user;\n        this.cdr.detectChanges();\n    }\n\n    onClearSelection(): void {\n        this.selectedUser = null;\n        this.newPermissions = {\n            canRead: true,\n            canShare: false,\n            canEdit: false\n        };\n        this.cdr.detectChanges();\n    }\n\n    async onAddUser(): Promise<void> {\n        if (!this.selectedUser || !this.artifact) return;\n\n        try {\n            // Check if user is owner\n            const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);\n\n            // Get current user's permissions\n            const userPerms: ArtifactPermissionSet = {\n                canRead: true,\n                canShare: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'share',\n                    this.currentUser\n                ),\n                canEdit: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'edit',\n                    this.currentUser\n                )\n            };\n\n            // Validate permissions\n            if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {\n                alert('You cannot grant permissions you do not have');\n                return;\n            }\n\n            // Grant permission\n            await this.permissionService.grantPermission(\n                this.artifact.ID,\n                this.selectedUser.id,\n                this.newPermissions,\n                this.currentUser.ID,\n                this.currentUser\n            );\n\n            await this.loadPermissions();\n            this.onClearSelection();\n            this.saved.emit();\n        } catch (error) {\n            console.error('Error adding user:', error);\n            alert('Failed to add user. Please try again.');\n        }\n    }\n\n    onEditPermission(permission: PermissionDisplay): void {\n        permission.isEditing = true;\n        this.cdr.detectChanges();\n    }\n\n    onCancelEdit(permission: PermissionDisplay): void {\n        permission.isEditing = false;\n        permission.editingPermissions = {\n            canRead: permission.canRead,\n            canShare: permission.canShare,\n            canEdit: permission.canEdit\n        };\n        this.cdr.detectChanges();\n    }\n\n    async onSavePermission(permission: PermissionDisplay): Promise<void> {\n        if (!this.artifact) return;\n\n        try {\n            // Check if user is owner\n            const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);\n\n            // Get current user's permissions\n            const userPerms: ArtifactPermissionSet = {\n                canRead: true,\n                canShare: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'share',\n                    this.currentUser\n                ),\n                canEdit: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'edit',\n                    this.currentUser\n                )\n            };\n\n            // Validate permissions\n            if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {\n                alert('You cannot grant permissions you do not have');\n                return;\n            }\n\n            // Update permission\n            await this.permissionService.updatePermission(\n                permission.id,\n                permission.editingPermissions,\n                this.currentUser\n            );\n\n            await this.loadPermissions();\n            this.saved.emit();\n        } catch (error) {\n            console.error('Error updating permission:', error);\n            alert('Failed to update permissions. Please try again.');\n        }\n    }\n\n    async onRevokePermission(permission: PermissionDisplay): Promise<void> {\n        if (!confirm(`Remove ${permission.userName}'s access to this artifact?`)) {\n            return;\n        }\n\n        try {\n            await this.permissionService.revokePermission(permission.id, this.currentUser);\n            await this.loadPermissions();\n            this.saved.emit();\n        } catch (error) {\n            console.error('Error revoking permission:', error);\n            alert('Failed to revoke permission. Please try again.');\n        }\n    }\n\n    onCancel(): void {\n        this.cancelled.emit();\n    }\n}\n"]}
+{"version":3,"file":"artifact-share-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-share-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\nimport { MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, MJConfirmService } from '@memberjunction/ng-ui-components';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { UserInfo } from '@memberjunction/core';\nimport { MJArtifactEntity } from '@memberjunction/core-entities';\nimport { ArtifactPermissionService, ArtifactPermission, ArtifactPermissionSet } from '../../services/artifact-permission.service';\nimport { UserPickerComponent, UserSearchResult } from '../shared/user-picker.component';\n\ninterface PermissionDisplay extends ArtifactPermission {\n    isEditing: boolean;\n    editingPermissions: ArtifactPermissionSet;\n}\n\n@Component({\n    selector: 'mj-artifact-share-modal',\n    standalone: true,\n    imports: [FormsModule, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent],\n    template: `\n        @if (isOpen && artifact) {\n            <mj-window\n                [Title]=\"'Share: ' + artifact.Name\"\n                [Width]=\"600\"\n                [Height]=\"500\"\n                [MinWidth]=\"400\"\n                [MinHeight]=\"400\"\n                [Visible]=\"true\"\n                (Close)=\"onCancel()\"\n            >\n                <div class=\"share-modal-content\">\n                    <!-- Add User Section -->\n                    <div class=\"add-user-section\">\n                        <h3 class=\"section-title\">\n                            <i class=\"fa-solid fa-user-plus\"></i>\n                            Share with User\n                        </h3>\n\n                        <mj-user-picker\n                            [currentUser]=\"currentUser\"\n                            [excludeUserIds]=\"getExcludedUserIds()\"\n                            (userSelected)=\"onUserSelected($event)\"\n                        ></mj-user-picker>\n\n                        @if (selectedUser) {\n                            <div class=\"permissions-form\">\n                                <div class=\"selected-user-info\">\n                                    <div class=\"user-avatar\">\n                                        <i class=\"fa-solid fa-user\"></i>\n                                    </div>\n                                    <div class=\"user-details\">\n                                        <div class=\"user-name\">{{ selectedUser.name }}</div>\n                                        <div class=\"user-email\">{{ selectedUser.email }}</div>\n                                    </div>\n                                </div>\n\n                                <div class=\"permissions-grid\">\n                                    <label class=\"permission-checkbox disabled\">\n                                        <input type=\"checkbox\" [checked]=\"true\" disabled>\n                                        <span class=\"permission-label\">\n                                            <i class=\"fa-solid fa-eye\"></i>\n                                            Read\n                                        </span>\n                                        <span class=\"permission-desc\">View artifact content</span>\n                                    </label>\n\n                                    @if (availablePermissions.includes('Share')) {\n                                        <label class=\"permission-checkbox\">\n                                            <input type=\"checkbox\" [(ngModel)]=\"newPermissions.canShare\">\n                                            <span class=\"permission-label\">\n                                                <i class=\"fa-solid fa-share-nodes\"></i>\n                                                Share\n                                            </span>\n                                            <span class=\"permission-desc\">Share with others</span>\n                                        </label>\n                                    }\n\n                                    @if (availablePermissions.includes('Edit')) {\n                                        <label class=\"permission-checkbox\">\n                                            <input type=\"checkbox\" [(ngModel)]=\"newPermissions.canEdit\">\n                                            <span class=\"permission-label\">\n                                                <i class=\"fa-solid fa-pen-to-square\"></i>\n                                                Edit\n                                            </span>\n                                            <span class=\"permission-desc\">Edit and delete artifact</span>\n                                        </label>\n                                    }\n                                </div>\n\n                                <div class=\"form-actions\">\n                                    <button mjButton variant=\"primary\" (click)=\"onAddUser()\" [disabled]=\"!selectedUser\">\n                                        <i class=\"fa-solid fa-plus\"></i>\n                                        Add User\n                                    </button>\n                                    <button mjButton (click)=\"onClearSelection()\">\n                                        Cancel\n                                    </button>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Current Permissions Section -->\n                    <div class=\"permissions-list-section\">\n                        <h3 class=\"section-title\">\n                            <i class=\"fa-solid fa-users\"></i>\n                            Shared With ({{ permissions.length }})\n                        </h3>\n\n                        @if (permissions.length === 0) {\n                            <mj-empty-state\n                                Icon=\"fa-solid fa-user-slash\"\n                                Title=\"Not shared with anyone yet\"\n                                Size=\"compact\" />\n                        } @else {\n                            <div class=\"permissions-list\">\n                                @for (permission of permissions; track permission.id) {\n                                    <div class=\"permission-item\">\n                                        <div class=\"user-avatar\">\n                                            <i class=\"fa-solid fa-user\"></i>\n                                        </div>\n                                        <div class=\"permission-details\">\n                                            <div class=\"permission-user\">\n                                                <span class=\"user-name\">{{ permission.userName }}</span>\n                                                @if (permission.sharedByUserName) {\n                                                    <span class=\"shared-by\">shared by {{ permission.sharedByUserName }}</span>\n                                                }\n                                            </div>\n\n                                            @if (!permission.isEditing) {\n                                                <div class=\"permission-badges\">\n                                                    <span class=\"permission-badge\">\n                                                        <i class=\"fa-solid fa-eye\"></i> Read\n                                                    </span>\n                                                    @if (permission.canShare) {\n                                                        <span class=\"permission-badge\">\n                                                            <i class=\"fa-solid fa-share-nodes\"></i> Share\n                                                        </span>\n                                                    }\n                                                    @if (permission.canEdit) {\n                                                        <span class=\"permission-badge\">\n                                                            <i class=\"fa-solid fa-pen-to-square\"></i> Edit\n                                                        </span>\n                                                    }\n                                                </div>\n                                            } @else {\n                                                <div class=\"permissions-edit-grid\">\n                                                    <label class=\"permission-checkbox-small disabled\">\n                                                        <input type=\"checkbox\" [checked]=\"true\" disabled>\n                                                        <span>Read</span>\n                                                    </label>\n                                                    @if (availablePermissions.includes('Share')) {\n                                                        <label class=\"permission-checkbox-small\">\n                                                            <input type=\"checkbox\" [(ngModel)]=\"permission.editingPermissions.canShare\">\n                                                            <span>Share</span>\n                                                        </label>\n                                                    }\n                                                    @if (availablePermissions.includes('Edit')) {\n                                                        <label class=\"permission-checkbox-small\">\n                                                            <input type=\"checkbox\" [(ngModel)]=\"permission.editingPermissions.canEdit\">\n                                                            <span>Edit</span>\n                                                        </label>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n\n                                        @if (canModifyPermissions) {\n                                            <div class=\"permission-actions\">\n                                                @if (!permission.isEditing) {\n                                                    <button mjButton variant=\"flat\" size=\"sm\" (click)=\"onEditPermission(permission)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"danger\" size=\"sm\" (click)=\"onRevokePermission(permission)\" title=\"Remove\">\n                                                        <i class=\"fa-solid fa-xmark\"></i>\n                                                    </button>\n                                                } @else {\n                                                    <button mjButton variant=\"success\" size=\"sm\" (click)=\"onSavePermission(permission)\" title=\"Save\">\n                                                        <i class=\"fa-solid fa-check\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"flat\" size=\"sm\" (click)=\"onCancelEdit(permission)\" title=\"Cancel\">\n                                                        <i class=\"fa-solid fa-xmark\"></i>\n                                                    </button>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <div class=\"modal-actions\">\n                    <button mjButton (click)=\"onCancel()\">Close</button>\n                </div>\n            </mj-window>\n        }\n    `,\n    styleUrls: ['./artifact-share-modal.component.css']\n})\nexport class ArtifactShareModalComponent implements OnInit, OnChanges {\n    @Input() isOpen: boolean = false;\n    @Input() artifact: MJArtifactEntity | null = null;\n    @Input() currentUser!: UserInfo;\n\n    @Output() saved = new EventEmitter<void>();\n    @Output() cancelled = new EventEmitter<void>();\n\n    permissions: PermissionDisplay[] = [];\n    selectedUser: UserSearchResult | null = null;\n    availablePermissions: string[] = [];\n    canModifyPermissions: boolean = false;\n\n    newPermissions: ArtifactPermissionSet = {\n        canRead: true,\n        canShare: false,\n        canEdit: false\n    };\n\n    constructor(\n        private permissionService: ArtifactPermissionService,\n        private cdr: ChangeDetectorRef,\n        private confirmService: MJConfirmService\n    ) {}\n\n    async ngOnInit(): Promise<void> {\n        if (this.artifact) {\n            await this.loadPermissions();\n            await this.updateAvailablePermissions();\n        }\n    }\n\n    async ngOnChanges(changes: SimpleChanges): Promise<void> {\n        // Reload permissions when modal opens or artifact changes\n        const modalOpened = changes['isOpen']?.currentValue === true && changes['isOpen']?.previousValue === false;\n        const artifactChanged = changes['artifact'] && !changes['artifact'].isFirstChange();\n\n        if ((modalOpened || artifactChanged) && this.artifact) {\n            await this.loadPermissions();\n            await this.updateAvailablePermissions();\n        }\n    }\n\n    private async loadPermissions(): Promise<void> {\n        if (!this.artifact) return;\n\n        const perms = await this.permissionService.loadPermissions(this.artifact.ID, this.currentUser);\n        this.permissions = perms.map(p => ({\n            ...p,\n            isEditing: false,\n            editingPermissions: {\n                canRead: p.canRead,\n                canShare: p.canShare,\n                canEdit: p.canEdit\n            }\n        }));\n        this.cdr.detectChanges();\n    }\n\n    private async updateAvailablePermissions(): Promise<void> {\n        if (!this.artifact) return;\n\n        // Check if current user is owner\n        const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);\n\n        // Check if user has share permission\n        const hasSharePermission = await this.permissionService.checkPermission(\n            this.artifact.ID,\n            this.currentUser.ID,\n            'share',\n            this.currentUser\n        );\n\n        // Allow modification if user is owner OR has Share permission\n        this.canModifyPermissions = isOwner || hasSharePermission;\n\n        // Get user's current permissions\n        const userPerms: ArtifactPermissionSet = {\n            canRead: true,\n            canShare: hasSharePermission,\n            canEdit: await this.permissionService.checkPermission(\n                this.artifact.ID,\n                this.currentUser.ID,\n                'edit',\n                this.currentUser\n            )\n        };\n\n        this.availablePermissions = this.permissionService.getAvailablePermissions(userPerms, isOwner);\n\n        console.log('Share modal permissions:', {\n            artifactId: this.artifact?.ID,\n            userId: this.artifact?.UserID,\n            currentUserId: this.currentUser.ID,\n            isOwner,\n            availablePermissions: this.availablePermissions\n        });\n\n        this.cdr.detectChanges(); // zone.js 0.15: async permission checks don't trigger CD\n    }\n\n    getExcludedUserIds(): string[] {\n        const ids = this.permissions.map(p => p.userId);\n        ids.push(this.currentUser.ID); // Can't share with yourself\n        if (this.artifact?.UserID) {\n            ids.push(this.artifact.UserID); // Owner already has all permissions\n        }\n        return ids;\n    }\n\n    onUserSelected(user: UserSearchResult): void {\n        this.selectedUser = user;\n        this.cdr.detectChanges();\n    }\n\n    onClearSelection(): void {\n        this.selectedUser = null;\n        this.newPermissions = {\n            canRead: true,\n            canShare: false,\n            canEdit: false\n        };\n        this.cdr.detectChanges();\n    }\n\n    async onAddUser(): Promise<void> {\n        if (!this.selectedUser || !this.artifact) return;\n\n        try {\n            // Check if user is owner\n            const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);\n\n            // Get current user's permissions\n            const userPerms: ArtifactPermissionSet = {\n                canRead: true,\n                canShare: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'share',\n                    this.currentUser\n                ),\n                canEdit: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'edit',\n                    this.currentUser\n                )\n            };\n\n            // Validate permissions\n            if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {\n                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);\n                return;\n            }\n\n            // Grant permission\n            await this.permissionService.grantPermission(\n                this.artifact.ID,\n                this.selectedUser.id,\n                this.newPermissions,\n                this.currentUser.ID,\n                this.currentUser\n            );\n\n            await this.loadPermissions();\n            this.onClearSelection();\n            this.saved.emit();\n        } catch (error) {\n            console.error('Error adding user:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Failed to add user. Please try again.', 'error', 5000);\n        }\n    }\n\n    onEditPermission(permission: PermissionDisplay): void {\n        permission.isEditing = true;\n        this.cdr.detectChanges();\n    }\n\n    onCancelEdit(permission: PermissionDisplay): void {\n        permission.isEditing = false;\n        permission.editingPermissions = {\n            canRead: permission.canRead,\n            canShare: permission.canShare,\n            canEdit: permission.canEdit\n        };\n        this.cdr.detectChanges();\n    }\n\n    async onSavePermission(permission: PermissionDisplay): Promise<void> {\n        if (!this.artifact) return;\n\n        try {\n            // Check if user is owner\n            const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);\n\n            // Get current user's permissions\n            const userPerms: ArtifactPermissionSet = {\n                canRead: true,\n                canShare: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'share',\n                    this.currentUser\n                ),\n                canEdit: await this.permissionService.checkPermission(\n                    this.artifact.ID,\n                    this.currentUser.ID,\n                    'edit',\n                    this.currentUser\n                )\n            };\n\n            // Validate permissions\n            if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {\n                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);\n                return;\n            }\n\n            // Update permission\n            await this.permissionService.updatePermission(\n                permission.id,\n                permission.editingPermissions,\n                this.currentUser\n            );\n\n            await this.loadPermissions();\n            this.saved.emit();\n        } catch (error) {\n            console.error('Error updating permission:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Failed to update permissions. Please try again.', 'error', 5000);\n        }\n    }\n\n    async onRevokePermission(permission: PermissionDisplay): Promise<void> {\n        if (!(await this.confirmService.ConfirmDelete({ title: 'Remove Access', message: `Remove ${permission.userName}'s access to this artifact?`, confirmText: 'Remove' }))) {\n            return;\n        }\n\n        try {\n            await this.permissionService.revokePermission(permission.id, this.currentUser);\n            await this.loadPermissions();\n            this.saved.emit();\n        } catch (error) {\n            console.error('Error revoking permission:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Failed to revoke permission. Please try again.', 'error', 5000);\n        }\n    }\n\n    onCancel(): void {\n        this.cancelled.emit();\n    }\n}\n"]}

package/dist/lib/components/collection/collection-share-modal.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { MJConfirmService } from '@memberjunction/ng-ui-components';
 import { UserInfo } from '@memberjunction/core';
 import { MJCollectionEntity } from '@memberjunction/core-entities';
 import { CollectionPermissionService, CollectionPermission, PermissionSet } from '../../services/collection-permission.service';
@@ -11,6 +12,7 @@ interface PermissionDisplay extends CollectionPermission {
 export declare class CollectionShareModalComponent implements OnInit, OnChanges {
     private permissionService;
     private cdr;
+    private confirmService;
     isOpen: boolean;
     collection: MJCollectionEntity | null;
     currentUser: UserInfo;
@@ -22,7 +24,7 @@ export declare class CollectionShareModalComponent implements OnInit, OnChanges
     availablePermissions: string[];
     canModifyPermissions: boolean;
     newPermissions: PermissionSet;
-    constructor(permissionService: CollectionPermissionService, cdr: ChangeDetectorRef);
+    constructor(permissionService: CollectionPermissionService, cdr: ChangeDetectorRef, confirmService: MJConfirmService);
     ngOnInit(): Promise<void>;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     private loadPermissions;

package/dist/lib/components/collection/collection-share-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAI5H,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAChI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAGxF,UAAU,iBAAkB,SAAQ,oBAAoB;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,aAAa,CAAC;CACrC;AAED,qBAgNa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAsB/D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IAtBN,MAAM,EAAE,OAAO,CAAS;IACxB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAC7C,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAE1D,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,aAAa,CAK3B;gBAGU,iBAAiB,EAAE,2BAA2B,EAC9C,GAAG,EAAE,iBAAiB;IAG5B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAa1C,eAAe;IAiB7B,OAAO,CAAC,0BAA0B;IA0BlC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAWlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAqChC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAW3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAiC9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAoBtE,QAAQ,IAAI,IAAI;yCA7NP,6BAA6B;2CAA7B,6BAA6B;CAgOzC"}
+{"version":3,"file":"collection-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG5H,OAAO,EAA+D,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEjI,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAChI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAGxF,UAAU,iBAAkB,SAAQ,oBAAoB;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,aAAa,CAAC;CACrC;AAED,qBAgNa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAsB/D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,cAAc;IAvBjB,MAAM,EAAE,OAAO,CAAS;IACxB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAC7C,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAE1D,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,aAAa,CAK3B;gBAGU,iBAAiB,EAAE,2BAA2B,EAC9C,GAAG,EAAE,iBAAiB,EACtB,cAAc,EAAE,gBAAgB;IAGtC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAa1C,eAAe;IAiB7B,OAAO,CAAC,0BAA0B;IA0BlC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAWlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAqChC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAW3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAiC9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAoBtE,QAAQ,IAAI,IAAI;yCA9NP,6BAA6B;2CAA7B,6BAA6B;CAiOzC"}

package/dist/lib/components/collection/collection-share-modal.component.js

@@ -1,11 +1,13 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MJWindowComponent, MJButtonDirective, MJEmptyStateComponent } from '@memberjunction/ng-ui-components';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { UserPickerComponent } from '../shared/user-picker.component';
 import { UUIDsEqual } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/collection-permission.service";
-import * as i2 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@angular/forms";
 const _forTrack0 = ($index, $item) => $item.id;
 function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -319,6 +321,7 @@ function CollectionShareModalComponent_Conditional_0_Template(rf, ctx) { if (rf
 export class CollectionShareModalComponent {
     permissionService;
     cdr;
+    confirmService;
     isOpen = false;
     collection = null;
     currentUser;
@@ -335,9 +338,10 @@ export class CollectionShareModalComponent {
         canEdit: false,
         canDelete: false
     };
-    constructor(permissionService, cdr) {
+    constructor(permissionService, cdr, confirmService) {
         this.permissionService = permissionService;
         this.cdr = cdr;
+        this.confirmService = confirmService;
     }
     async ngOnInit() {
         if (this.collection) {
@@ -431,7 +435,7 @@ export class CollectionShareModalComponent {
             };
             // Validate permissions
             if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {
-                alert('You cannot grant permissions you do not have');
+                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);
                 return;
             }
             // Use cascade grant to apply permissions to all child collections
@@ -442,7 +446,7 @@ export class CollectionShareModalComponent {
         }
         catch (error) {
             console.error('Error adding user:', error);
-            alert('Failed to add user. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to add user. Please try again.', 'error', 5000);
         }
     }
     onEditPermission(permission) {
@@ -471,7 +475,7 @@ export class CollectionShareModalComponent {
             };
             // Validate permissions
             if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {
-                alert('You cannot grant permissions you do not have');
+                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);
                 return;
             }
             // Use cascade update to apply changes to all child collections
@@ -481,11 +485,11 @@ export class CollectionShareModalComponent {
         }
         catch (error) {
             console.error('Error updating permission:', error);
-            alert('Failed to update permissions. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to update permissions. Please try again.', 'error', 5000);
         }
     }
     async onRevokePermission(permission) {
-        if (!confirm(`Remove ${permission.userName}'s access to this collection and all its child collections?`)) {
+        if (!(await this.confirmService.ConfirmDelete({ title: 'Remove Access', message: `Remove ${permission.userName}'s access to this collection and all its child collections?`, confirmText: 'Remove' }))) {
             return;
         }
         try {
@@ -496,18 +500,18 @@ export class CollectionShareModalComponent {
         }
         catch (error) {
             console.error('Error revoking permission:', error);
-            alert('Failed to revoke permission. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to revoke permission. Please try again.', 'error', 5000);
         }
     }
     onCancel() {
         this.cancelled.emit();
     }
-    static ɵfac = function CollectionShareModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollectionShareModalComponent)(i0.ɵɵdirectiveInject(i1.CollectionPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵfac = function CollectionShareModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollectionShareModalComponent)(i0.ɵɵdirectiveInject(i1.CollectionPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.MJConfirmService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionShareModalComponent, selectors: [["mj-collection-share-modal"]], inputs: { isOpen: "isOpen", collection: "collection", currentUser: "currentUser", currentUserPermissions: "currentUserPermissions" }, outputs: { saved: "saved", cancelled: "cancelled" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [3, "Close", "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [1, "share-modal-content"], [1, "add-user-section"], [1, "section-title"], [1, "fa-solid", "fa-user-plus"], [3, "userSelected", "currentUser", "excludeUserIds"], [1, "permissions-form"], [1, "permissions-list-section"], [1, "fa-solid", "fa-users"], ["Icon", "fa-solid fa-user-slash", "Title", "Not shared with anyone yet", "Size", "compact"], [1, "permissions-list"], [1, "modal-actions"], ["mjButton", "", 3, "click"], [1, "selected-user-info"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-details"], [1, "user-name"], [1, "user-email"], [1, "permissions-grid"], [1, "permission-checkbox", "disabled"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "permission-label"], [1, "fa-solid", "fa-eye"], [1, "permission-desc"], [1, "permission-checkbox"], [1, "form-actions"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-share-nodes"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [1, "permission-item"], [1, "permission-details"], [1, "permission-user"], [1, "shared-by"], [1, "permission-badges"], [1, "permissions-edit-grid"], [1, "permission-actions"], [1, "permission-badge"], [1, "permission-checkbox-small", "disabled"], [1, "permission-checkbox-small"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove", 3, "click"], [1, "fa-solid", "fa-xmark"], ["mjButton", "", "variant", "success", "size", "sm", "title", "Save", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Cancel", 3, "click"]], template: function CollectionShareModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, CollectionShareModalComponent_Conditional_0_Template, 17, 11, "mj-window", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen && ctx.collection ? 0 : -1);
-        } }, dependencies: [FormsModule, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n.user-details[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details[_ngcontent-%COMP%]   .user-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user[_ngcontent-%COMP%]   .shared-by[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}"] });
+        } }, dependencies: [FormsModule, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n.user-details[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details[_ngcontent-%COMP%]   .user-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user[_ngcontent-%COMP%]   .shared-by[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionShareModalComponent, [{
         type: Component,
@@ -713,7 +717,7 @@ export class CollectionShareModalComponent {
             </mj-window>
         }
     `, styles: [".share-modal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title i {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details {\n  flex: 1;\n  min-width: 0;\n}\n.user-details .user-name {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details .user-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form {\n  margin-top: 16px;\n}\n\n.permissions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox input[type=checkbox] {\n  margin-right: 8px;\n}\n.permission-checkbox .permission-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox .permission-label i {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox .permission-desc {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user .user-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user .shared-by {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge i {\n  font-size: 10px;\n}\n\n.permissions-edit-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small input[type=checkbox] {\n  margin: 0;\n}\n.permission-checkbox-small span {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary i {\n  font-size: 12px;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon i {\n  font-size: 14px;\n}\n\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n"] }]
-    }], () => [{ type: i1.CollectionPermissionService }, { type: i0.ChangeDetectorRef }], { isOpen: [{
+    }], () => [{ type: i1.CollectionPermissionService }, { type: i0.ChangeDetectorRef }, { type: i2.MJConfirmService }], { isOpen: [{
             type: Input
         }], collection: [{
             type: Input
@@ -726,5 +730,5 @@ export class CollectionShareModalComponent {
         }], cancelled: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionShareModalComponent, { className: "CollectionShareModalComponent", filePath: "src/lib/components/collection/collection-share-modal.component.ts", lineNumber: 224 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionShareModalComponent, { className: "CollectionShareModalComponent", filePath: "src/lib/components/collection/collection-share-modal.component.ts", lineNumber: 225 }); })();
 //# sourceMappingURL=collection-share-modal.component.js.map