@getmicdrop/svelte-components 5.18.0 → 5.19.0

package/dist/utils/imageValidation.spec.js

@@ -1,223 +1,223 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import {
-  validateImage,
-  getImageAcceptAttribute,
-  getValidationMessages,
-  MAX_FILE_SIZE,
-  MAX_DIMENSION,
-  ALLOWED_IMAGE_TYPES,
-} from './imageValidation';
-
-describe('imageValidation', () => {
-  beforeEach(() => {
-    // Mock URL.createObjectURL and URL.revokeObjectURL
-    global.URL.createObjectURL = vi.fn(() => 'mock-object-url');
-    global.URL.revokeObjectURL = vi.fn();
-  });
-
-  describe('constants', () => {
-    it('MAX_FILE_SIZE is 20MB', () => {
-      expect(MAX_FILE_SIZE).toBe(20 * 1024 * 1024);
-    });
-
-    it('MAX_DIMENSION is 8000', () => {
-      expect(MAX_DIMENSION).toBe(8000);
-    });
-
-    it('ALLOWED_IMAGE_TYPES includes common formats', () => {
-      expect(ALLOWED_IMAGE_TYPES).toContain('image/jpeg');
-      expect(ALLOWED_IMAGE_TYPES).toContain('image/png');
-      expect(ALLOWED_IMAGE_TYPES).toContain('image/webp');
-      expect(ALLOWED_IMAGE_TYPES).toContain('image/heic');
-      expect(ALLOWED_IMAGE_TYPES).toContain('image/heif');
-    });
-  });
-
-  describe('validateImage', () => {
-    it('rejects invalid file type', async () => {
-      const file = new File(['content'], 'test.gif', { type: 'image/gif' });
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(false);
-      expect(result.error).toContain('Invalid file format');
-    });
-
-    it('rejects file that is too large', async () => {
-      // Create a mock file larger than 20MB
-      const largeContent = new ArrayBuffer(21 * 1024 * 1024);
-      const file = new File([largeContent], 'large.jpg', { type: 'image/jpeg' });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(false);
-      expect(result.error).toContain('File too large');
-      expect(result.error).toContain('20MB');
-    });
-
-    it('accepts valid JPEG file', async () => {
-      const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
-
-      // Mock Image loading using class
-      vi.stubGlobal('Image', class {
-        constructor() {
-          this.width = 100;
-          this.height = 100;
-          this.onload = null;
-          this.onerror = null;
-          this._src = '';
-        }
-        set src(value) {
-          this._src = value;
-          setTimeout(() => this.onload?.call(this), 0);
-        }
-        get src() { return this._src; }
-      });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(true);
-      expect(result.error).toBe(null);
-      expect(result.dimensions).toEqual({ width: 100, height: 100 });
-    });
-
-    it('accepts valid PNG file', async () => {
-      const file = new File(['content'], 'test.png', { type: 'image/png' });
-
-      vi.stubGlobal('Image', class {
-        constructor() {
-          this.width = 500;
-          this.height = 500;
-          this.onload = null;
-          this.onerror = null;
-          this._src = '';
-        }
-        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
-        get src() { return this._src; }
-      });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(true);
-    });
-
-    it('accepts valid WebP file', async () => {
-      const file = new File(['content'], 'test.webp', { type: 'image/webp' });
-
-      vi.stubGlobal('Image', class {
-        constructor() {
-          this.width = 200;
-          this.height = 200;
-          this.onload = null;
-          this.onerror = null;
-          this._src = '';
-        }
-        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
-        get src() { return this._src; }
-      });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(true);
-    });
-
-    it('rejects image with dimensions too large', async () => {
-      const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
-
-      vi.stubGlobal('Image', class {
-        constructor() {
-          this.width = 9000;
-          this.height = 9000;
-          this.onload = null;
-          this.onerror = null;
-          this._src = '';
-        }
-        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
-        get src() { return this._src; }
-      });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(false);
-      expect(result.error).toContain('dimensions too large');
-      expect(result.dimensions).toEqual({ width: 9000, height: 9000 });
-    });
-
-    it('handles image load error', async () => {
-      const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
-
-      vi.stubGlobal('Image', class {
-        constructor() {
-          this.onload = null;
-          this.onerror = null;
-          this._src = '';
-        }
-        set src(value) { this._src = value; setTimeout(() => this.onerror?.(), 0); }
-        get src() { return this._src; }
-      });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(false);
-      expect(result.error).toContain('Failed to read image dimensions');
-    });
-
-    it('handles HEIC format', async () => {
-      const file = new File(['content'], 'test.heic', { type: 'image/heic' });
-
-      vi.stubGlobal('Image', class {
-        constructor() {
-          this.width = 100;
-          this.height = 100;
-          this.onload = null;
-          this.onerror = null;
-          this._src = '';
-        }
-        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
-        get src() { return this._src; }
-      });
-
-      const result = await validateImage(file);
-
-      expect(result.valid).toBe(true);
-    });
-  });
-
-  describe('getImageAcceptAttribute', () => {
-    it('returns accept string with all allowed types', () => {
-      const accept = getImageAcceptAttribute();
-
-      expect(accept).toContain('image/png');
-      expect(accept).toContain('image/jpeg');
-      expect(accept).toContain('image/webp');
-      expect(accept).toContain('image/heic');
-      expect(accept).toContain('image/heif');
-    });
-
-    it('returns comma-separated values', () => {
-      const accept = getImageAcceptAttribute();
-      expect(accept.split(',').length).toBeGreaterThan(1);
-    });
-  });
-
-  describe('getValidationMessages', () => {
-    it('returns formats message', () => {
-      const messages = getValidationMessages();
-      expect(messages.formats).toBe('PNG, JPG, WebP, HEIC');
-    });
-
-    it('returns maxSize message', () => {
-      const messages = getValidationMessages();
-      expect(messages.maxSize).toBe('20MB');
-    });
-
-    it('returns maxDimension message', () => {
-      const messages = getValidationMessages();
-      expect(messages.maxDimension).toBe('8000px');
-    });
-
-    it('returns aspectRatio message', () => {
-      const messages = getValidationMessages();
-      expect(messages.aspectRatio).toBe('Any');
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import {
+  validateImage,
+  getImageAcceptAttribute,
+  getValidationMessages,
+  MAX_FILE_SIZE,
+  MAX_DIMENSION,
+  ALLOWED_IMAGE_TYPES,
+} from './imageValidation';
+
+describe('imageValidation', () => {
+  beforeEach(() => {
+    // Mock URL.createObjectURL and URL.revokeObjectURL
+    global.URL.createObjectURL = vi.fn(() => 'mock-object-url');
+    global.URL.revokeObjectURL = vi.fn();
+  });
+
+  describe('constants', () => {
+    it('MAX_FILE_SIZE is 20MB', () => {
+      expect(MAX_FILE_SIZE).toBe(20 * 1024 * 1024);
+    });
+
+    it('MAX_DIMENSION is 8000', () => {
+      expect(MAX_DIMENSION).toBe(8000);
+    });
+
+    it('ALLOWED_IMAGE_TYPES includes common formats', () => {
+      expect(ALLOWED_IMAGE_TYPES).toContain('image/jpeg');
+      expect(ALLOWED_IMAGE_TYPES).toContain('image/png');
+      expect(ALLOWED_IMAGE_TYPES).toContain('image/webp');
+      expect(ALLOWED_IMAGE_TYPES).toContain('image/heic');
+      expect(ALLOWED_IMAGE_TYPES).toContain('image/heif');
+    });
+  });
+
+  describe('validateImage', () => {
+    it('rejects invalid file type', async () => {
+      const file = new File(['content'], 'test.gif', { type: 'image/gif' });
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(false);
+      expect(result.error).toContain('Invalid file format');
+    });
+
+    it('rejects file that is too large', async () => {
+      // Create a mock file larger than 20MB
+      const largeContent = new ArrayBuffer(21 * 1024 * 1024);
+      const file = new File([largeContent], 'large.jpg', { type: 'image/jpeg' });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(false);
+      expect(result.error).toContain('File too large');
+      expect(result.error).toContain('20MB');
+    });
+
+    it('accepts valid JPEG file', async () => {
+      const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
+
+      // Mock Image loading using class
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 100;
+          this.height = 100;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) {
+          this._src = value;
+          setTimeout(() => this.onload?.call(this), 0);
+        }
+        get src() { return this._src; }
+      });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(true);
+      expect(result.error).toBe(null);
+      expect(result.dimensions).toEqual({ width: 100, height: 100 });
+    });
+
+    it('accepts valid PNG file', async () => {
+      const file = new File(['content'], 'test.png', { type: 'image/png' });
+
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 500;
+          this.height = 500;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
+      });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(true);
+    });
+
+    it('accepts valid WebP file', async () => {
+      const file = new File(['content'], 'test.webp', { type: 'image/webp' });
+
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 200;
+          this.height = 200;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
+      });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(true);
+    });
+
+    it('rejects image with dimensions too large', async () => {
+      const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
+
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 9000;
+          this.height = 9000;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
+      });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(false);
+      expect(result.error).toContain('dimensions too large');
+      expect(result.dimensions).toEqual({ width: 9000, height: 9000 });
+    });
+
+    it('handles image load error', async () => {
+      const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
+
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onerror?.(), 0); }
+        get src() { return this._src; }
+      });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(false);
+      expect(result.error).toContain('Failed to read image dimensions');
+    });
+
+    it('handles HEIC format', async () => {
+      const file = new File(['content'], 'test.heic', { type: 'image/heic' });
+
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 100;
+          this.height = 100;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
+      });
+
+      const result = await validateImage(file);
+
+      expect(result.valid).toBe(true);
+    });
+  });
+
+  describe('getImageAcceptAttribute', () => {
+    it('returns accept string with all allowed types', () => {
+      const accept = getImageAcceptAttribute();
+
+      expect(accept).toContain('image/png');
+      expect(accept).toContain('image/jpeg');
+      expect(accept).toContain('image/webp');
+      expect(accept).toContain('image/heic');
+      expect(accept).toContain('image/heif');
+    });
+
+    it('returns comma-separated values', () => {
+      const accept = getImageAcceptAttribute();
+      expect(accept.split(',').length).toBeGreaterThan(1);
+    });
+  });
+
+  describe('getValidationMessages', () => {
+    it('returns formats message', () => {
+      const messages = getValidationMessages();
+      expect(messages.formats).toBe('PNG, JPG, WebP, HEIC');
+    });
+
+    it('returns maxSize message', () => {
+      const messages = getValidationMessages();
+      expect(messages.maxSize).toBe('20MB');
+    });
+
+    it('returns maxDimension message', () => {
+      const messages = getValidationMessages();
+      expect(messages.maxDimension).toBe('8000px');
+    });
+
+    it('returns aspectRatio message', () => {
+      const messages = getValidationMessages();
+      expect(messages.aspectRatio).toBe('Any');
+    });
+  });
+});

package/dist/utils/permissions.d.ts

@@ -0,0 +1,9 @@
+interface RolePermission {
+    icon: string;
+    title: string;
+    description: string;
+    checkbox: string[];
+}
+export declare const ROLE_PERMISSION_LIST: RolePermission[];
+export {};
+//# sourceMappingURL=permissions.d.ts.map

package/dist/utils/permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions.d.ts","sourceRoot":"","sources":["../../src/lib/utils/permissions.ts"],"names":[],"mappings":"AAUA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,cAAc,EA2FhD,CAAC"}

package/dist/utils/permissions.js

@@ -0,0 +1,93 @@
+import EventIcon from "../assets/svg/role/event.svg";
+import BookingIcon from "../assets/svg/role/booking.svg";
+import EmailIcon from "../assets/svg/role/emails.svg";
+import VenueIcon from "../assets/svg/role/venue.svg";
+import PayoutIcon from "../assets/svg/role/payout.svg";
+import MarketingIcon from "../assets/svg/role/marketing.svg";
+import OrdersIcon from "../assets/svg/role/orders.svg";
+import OrganisationIcon from "../assets/svg/role/organisation.svg";
+import ReportingIcon from "../assets/svg/role/reporting.svg";
+export const ROLE_PERMISSION_LIST = [
+    {
+        icon: EventIcon,
+        title: "Event creation",
+        description: "Allow users to enter event info, create tickets & customize order forms",
+        checkbox: [
+            "Create Events",
+            "Edit Event Details",
+            "Manage event status",
+            "Manage tickets",
+            "Manage Collections",
+        ],
+    },
+    {
+        icon: BookingIcon,
+        title: "Booking",
+        description: "Allow users to manage performers, their invitations and statuses",
+        checkbox: [
+            "Access the roster page and view performer profiles",
+            "Edit performer profiles",
+            "Send booking invitations",
+            "Manually confirm/decline performers to spots",
+            "Send avails requests",
+        ],
+    },
+    {
+        icon: VenueIcon,
+        title: "Venue creation",
+        description: "Allow users to create new venues",
+        checkbox: ["Add/edit/delete venues"],
+    },
+    {
+        icon: MarketingIcon,
+        title: "Marketing",
+        description: "Sell more tickets by creating campaigns, tracking engagements, etc.",
+        checkbox: [
+            "Access social media posts",
+            "Manage tracking links",
+            "Manage promo codes",
+        ],
+    },
+    {
+        icon: OrdersIcon,
+        title: "Orders & attendees",
+        description: "Allow users to view, update & refund orders, manage attendee guest or waitlists & release tickets",
+        checkbox: [
+            "Add attendees",
+            "Manage orders, refunds, transfers and attendees",
+            "View list of attendees",
+            "Check in attendees",
+            "Resend confirmation emails",
+            "Override ticket restrictions",
+            "Sell tickets at the door",
+            "Revoke and reissue barcodes",
+        ],
+    },
+    {
+        icon: OrganisationIcon,
+        title: "Organization",
+        description: "Keep your users organized with assigned permissions per user, enable access to APIs & extensions",
+        checkbox: [
+            "Manage organization members & permissions",
+            "Edit organization infomation",
+        ],
+    },
+    {
+        icon: EmailIcon,
+        title: "Contacts",
+        description: "Keep our users in the loop, select which emails you would like them to receive",
+        checkbox: ["Email attendees", "Email/SMS performers"],
+    },
+    {
+        icon: ReportingIcon,
+        title: "Reporting",
+        description: "Allow users to access, filter & export data across your organization",
+        checkbox: ["Access reports pages"],
+    },
+    {
+        icon: PayoutIcon,
+        title: "Payouts & billing",
+        description: "Users can configure payout methods, manage event payment options & track financials with reporting",
+        checkbox: ["Manage financial accounts (Stripe)"],
+    },
+];

package/dist/utils/portal.d.ts

@@ -1,12 +1,12 @@
-/**
- * Svelte action that portals an element to a target container (default: document.body)
- * This moves the element outside of any stacking contexts, solving iOS z-index issues.
- *
- * Usage: <div use:portal>...</div>
- * Or: <div use:portal={document.getElementById('modal-root')}>...</div>
- */
-export function portal(node: any, target?: HTMLElement): {
-    update(newTarget: any): void;
-    destroy(): void;
-};
+/**
+ * Svelte action that portals an element to a target container (default: document.body)
+ * This moves the element outside of any stacking contexts, solving iOS z-index issues.
+ *
+ * Usage: <div use:portal>...</div>
+ * Or: <div use:portal={document.getElementById('modal-root')}>...</div>
+ */
+export function portal(node: any, target?: HTMLElement): {
+    update(newTarget: any): void;
+    destroy(): void;
+};
 //# sourceMappingURL=portal.d.ts.map

package/dist/utils/portal.js

@@ -1,25 +1,25 @@
-/**
- * Svelte action that portals an element to a target container (default: document.body)
- * This moves the element outside of any stacking contexts, solving iOS z-index issues.
- *
- * Usage: <div use:portal>...</div>
- * Or: <div use:portal={document.getElementById('modal-root')}>...</div>
- */
-export function portal(node, target = document.body) {
-  // Move the node to the target
-  target.appendChild(node);
-
-  return {
-    update(newTarget) {
-      // If target changes, move to new target
-      newTarget = newTarget || document.body;
-      newTarget.appendChild(node);
-    },
-    destroy() {
-      // Clean up - remove the node when component is destroyed
-      if (node.parentNode) {
-        node.parentNode.removeChild(node);
-      }
-    }
-  };
-}
+/**
+ * Svelte action that portals an element to a target container (default: document.body)
+ * This moves the element outside of any stacking contexts, solving iOS z-index issues.
+ *
+ * Usage: <div use:portal>...</div>
+ * Or: <div use:portal={document.getElementById('modal-root')}>...</div>
+ */
+export function portal(node, target = document.body) {
+  // Move the node to the target
+  target.appendChild(node);
+
+  return {
+    update(newTarget) {
+      // If target changes, move to new target
+      newTarget = newTarget || document.body;
+      newTarget.appendChild(node);
+    },
+    destroy() {
+      // Clean up - remove the node when component is destroyed
+      if (node.parentNode) {
+        node.parentNode.removeChild(node);
+      }
+    }
+  };
+}