@getmicdrop/svelte-components 5.17.4 → 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/phoneUtils.d.ts

@@ -0,0 +1,35 @@
+import type { CountryCode } from 'libphonenumber-js/min';
+export interface ParsedPhone {
+    countryCode: CountryCode;
+    nationalNumber: string;
+}
+/**
+ * Parse an E.164 string or bare 10-digit US number into country + national number.
+ * Returns null if unparseable.
+ */
+export declare function parseStoredPhone(value: string): ParsedPhone | null;
+/**
+ * Format digits for display using the country's national format.
+ * e.g. formatNational('US', '5551234567') → '(555) 123-4567'
+ */
+export declare function formatNational(isoCode: CountryCode, digits: string): string;
+/**
+ * Format digits as-you-type for live input formatting.
+ * e.g. formatAsYouType('US', '555123') → '(555) 123'
+ */
+export declare function formatAsYouType(isoCode: CountryCode, digits: string): string;
+/**
+ * Combine country code + national digits into E.164.
+ * e.g. toE164('US', '5551234567') → '+15551234567'
+ */
+export declare function toE164(isoCode: CountryCode, digits: string): string;
+/**
+ * Validate a complete E.164 number.
+ */
+export declare function isValidE164(value: string): boolean;
+/**
+ * Backward-compat: normalize bare 10-digit US numbers to E.164.
+ * Already-E.164 numbers pass through unchanged.
+ */
+export declare function normalizeIncoming(value: string): string;
+//# sourceMappingURL=phoneUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phoneUtils.d.ts","sourceRoot":"","sources":["../../src/lib/utils/phoneUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CA4BlE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAK3E;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAI5E;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAWnE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAQlD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOvD"}