@getmicdrop/svelte-components 5.5.4 → 5.6.0

package/dist/utils/apiConfig.spec.js

@@ -1,118 +1,219 @@
-import { describe, it, expect } from 'vitest';
-import {
-  API_BASE_URL,
-  FRONTEND_BASE_URL,
-  buildApiUrl,
-  API_ENDPOINTS,
-} from './apiConfig';
-
-describe('apiConfig', () => {
-  describe('API_BASE_URL', () => {
-    it('is defined', () => {
-      expect(API_BASE_URL).toBeDefined();
-    });
-
-    it('is a string', () => {
-      expect(typeof API_BASE_URL).toBe('string');
-    });
-
-    it('starts with http', () => {
-      expect(API_BASE_URL.startsWith('http')).toBe(true);
-    });
-  });
-
-  describe('FRONTEND_BASE_URL', () => {
-    it('is defined', () => {
-      expect(FRONTEND_BASE_URL).toBeDefined();
-    });
-
-    it('is a string', () => {
-      expect(typeof FRONTEND_BASE_URL).toBe('string');
-    });
-  });
-
-  describe('buildApiUrl', () => {
-    it('builds URL with path starting with /', () => {
-      const url = buildApiUrl('/api/test');
-      expect(url).toBe(`${API_BASE_URL}/api/test`);
-    });
-
-    it('adds leading / when path does not have one', () => {
-      const url = buildApiUrl('api/test');
-      expect(url).toBe(`${API_BASE_URL}/api/test`);
-    });
-
-    it('handles empty path', () => {
-      const url = buildApiUrl('');
-      expect(url).toBe(`${API_BASE_URL}/`);
-    });
-
-    it('handles path with query params', () => {
-      const url = buildApiUrl('/api/test?param=value');
-      expect(url).toBe(`${API_BASE_URL}/api/test?param=value`);
-    });
-  });
-
-  describe('API_ENDPOINTS', () => {
-    it('has LOGIN endpoint', () => {
-      expect(API_ENDPOINTS.LOGIN).toBe('/api/public/login');
-    });
-
-    it('has PERFORMER_PROFILE endpoint', () => {
-      expect(API_ENDPOINTS.PERFORMER_PROFILE).toBe('/api/performer/getPerformerProfile');
-    });
-
-    it('has MODIFY_PERFORMER_PROFILE endpoint', () => {
-      expect(API_ENDPOINTS.MODIFY_PERFORMER_PROFILE).toBe('/api/performer/modifyPerformerProfile');
-    });
-
-    it('has PERFORMER_AVAILABILITIES endpoint', () => {
-      expect(API_ENDPOINTS.PERFORMER_AVAILABILITIES).toBe('/api/performer/performerAvailabilities');
-    });
-
-    it('has GET_EVENT_PERFORMER_INVITES endpoint', () => {
-      expect(API_ENDPOINTS.GET_EVENT_PERFORMER_INVITES).toBe('/api/performer/getEventPerformerInvites');
-    });
-
-    it('has GET_ROSTER_EVENT_PERFORMERS_FOR_USER endpoint', () => {
-      expect(API_ENDPOINTS.GET_ROSTER_EVENT_PERFORMERS_FOR_USER).toBe('/api/performer/getRosterEventPerformersForUser');
-    });
-
-    it('has GET_EVENTS_FOR_VENUE endpoint', () => {
-      expect(API_ENDPOINTS.GET_EVENTS_FOR_VENUE).toBe('/api/public/getEventsForVenue');
-    });
-
-    it('has GET_VENUE endpoint', () => {
-      expect(API_ENDPOINTS.GET_VENUE).toBe('/api/public/getVenue');
-    });
-
-    it('has ACCEPT_EVENT_PERFORMER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.ACCEPT_EVENT_PERFORMER_INVITE).toBe('/api/public/acceptEventPerformerInvite');
-    });
-
-    it('has DECLINE_EVENT_PERFORMER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.DECLINE_EVENT_PERFORMER_INVITE).toBe('/api/public/declineEventPerformerInvite');
-    });
-
-    it('has CANCEL_EVENT_PERFORMER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.CANCEL_EVENT_PERFORMER_INVITE).toBe('/api/public/cancelEventPerformerInvite');
-    });
-
-    it('has SEND_VENUE_MESSAGE endpoint', () => {
-      expect(API_ENDPOINTS.SEND_VENUE_MESSAGE).toBe('/api/performer/sendVenueMessage');
-    });
-
-    it('has REJECT_ROSTER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.REJECT_ROSTER_INVITE).toBe('/api/public/rejectRosterInvite');
-    });
-
-    it('has REMOVE_VENUE_FROM_ROSTER endpoint', () => {
-      expect(API_ENDPOINTS.REMOVE_VENUE_FROM_ROSTER).toBe('/api/performer/removeVenueFromRoster');
-    });
-
-    it('uses buildApiUrl for full URLs', () => {
-      const loginUrl = buildApiUrl(API_ENDPOINTS.LOGIN);
-      expect(loginUrl).toContain('/api/public/login');
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import {
+  API_BASE_URL,
+  FRONTEND_BASE_URL,
+  buildApiUrl,
+  API_ENDPOINTS,
+  buildPerformerInviteUrl,
+  getPerformerInviteMethod,
+  buildV2PerformerActionUrl,
+} from './apiConfig';
+
+describe('apiConfig', () => {
+  describe('API_BASE_URL', () => {
+    it('is defined', () => {
+      expect(API_BASE_URL).toBeDefined();
+    });
+
+    it('is a string', () => {
+      expect(typeof API_BASE_URL).toBe('string');
+    });
+
+    it('starts with http', () => {
+      expect(API_BASE_URL.startsWith('http')).toBe(true);
+    });
+  });
+
+  describe('FRONTEND_BASE_URL', () => {
+    it('is defined', () => {
+      expect(FRONTEND_BASE_URL).toBeDefined();
+    });
+
+    it('is a string', () => {
+      expect(typeof FRONTEND_BASE_URL).toBe('string');
+    });
+  });
+
+  describe('buildApiUrl', () => {
+    it('builds URL with path starting with /', () => {
+      const url = buildApiUrl('/api/test');
+      expect(url).toBe(`${API_BASE_URL}/api/test`);
+    });
+
+    it('adds leading / when path does not have one', () => {
+      const url = buildApiUrl('api/test');
+      expect(url).toBe(`${API_BASE_URL}/api/test`);
+    });
+
+    it('handles empty path', () => {
+      const url = buildApiUrl('');
+      expect(url).toBe(`${API_BASE_URL}/`);
+    });
+
+    it('handles path with query params', () => {
+      const url = buildApiUrl('/api/test?param=value');
+      expect(url).toBe(`${API_BASE_URL}/api/test?param=value`);
+    });
+  });
+
+  describe('API_ENDPOINTS', () => {
+    it('has LOGIN endpoint', () => {
+      expect(API_ENDPOINTS.LOGIN).toBe('/api/public/login');
+    });
+
+    it('has PERFORMER_PROFILE endpoint', () => {
+      expect(API_ENDPOINTS.PERFORMER_PROFILE).toBe('/api/performer/getPerformerProfile');
+    });
+
+    it('has MODIFY_PERFORMER_PROFILE endpoint', () => {
+      expect(API_ENDPOINTS.MODIFY_PERFORMER_PROFILE).toBe('/api/performer/modifyPerformerProfile');
+    });
+
+    it('has PERFORMER_AVAILABILITIES endpoint', () => {
+      expect(API_ENDPOINTS.PERFORMER_AVAILABILITIES).toBe('/api/performer/performerAvailabilities');
+    });
+
+    it('has GET_EVENT_PERFORMER_INVITES endpoint', () => {
+      expect(API_ENDPOINTS.GET_EVENT_PERFORMER_INVITES).toBe('/api/performer/getEventPerformerInvites');
+    });
+
+    it('has GET_ROSTER_EVENT_PERFORMERS_FOR_USER endpoint', () => {
+      expect(API_ENDPOINTS.GET_ROSTER_EVENT_PERFORMERS_FOR_USER).toBe('/api/performer/getRosterEventPerformersForUser');
+    });
+
+    it('has GET_EVENTS_FOR_VENUE endpoint', () => {
+      expect(API_ENDPOINTS.GET_EVENTS_FOR_VENUE).toBe('/api/public/getEventsForVenue');
+    });
+
+    it('has GET_VENUE endpoint', () => {
+      expect(API_ENDPOINTS.GET_VENUE).toBe('/api/public/getVenue');
+    });
+
+    it('has ACCEPT_EVENT_PERFORMER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.ACCEPT_EVENT_PERFORMER_INVITE).toBe('/api/public/acceptEventPerformerInvite');
+    });
+
+    it('has DECLINE_EVENT_PERFORMER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.DECLINE_EVENT_PERFORMER_INVITE).toBe('/api/public/declineEventPerformerInvite');
+    });
+
+    it('has CANCEL_EVENT_PERFORMER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.CANCEL_EVENT_PERFORMER_INVITE).toBe('/api/public/cancelEventPerformerInvite');
+    });
+
+    it('has SEND_VENUE_MESSAGE endpoint', () => {
+      expect(API_ENDPOINTS.SEND_VENUE_MESSAGE).toBe('/api/performer/sendVenueMessage');
+    });
+
+    it('has REJECT_ROSTER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.REJECT_ROSTER_INVITE).toBe('/api/public/rejectRosterInvite');
+    });
+
+    it('has REMOVE_VENUE_FROM_ROSTER endpoint', () => {
+      expect(API_ENDPOINTS.REMOVE_VENUE_FROM_ROSTER).toBe('/api/performer/removeVenueFromRoster');
+    });
+
+    it('uses buildApiUrl for full URLs', () => {
+      const loginUrl = buildApiUrl(API_ENDPOINTS.LOGIN);
+      expect(loginUrl).toContain('/api/public/login');
+    });
+  });
+
+  describe('buildPerformerInviteUrl', () => {
+    it('builds V1 accept URL', () => {
+      const url = buildPerformerInviteUrl(123, 'accept');
+      expect(url).toContain('/api/public/acceptEventPerformerInvite/123');
+    });
+
+    it('builds V1 decline URL', () => {
+      const url = buildPerformerInviteUrl(456, 'decline');
+      expect(url).toContain('/api/public/declineEventPerformerInvite/456');
+    });
+
+    it('builds V1 cancel URL', () => {
+      const url = buildPerformerInviteUrl(789, 'cancel');
+      expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
+    });
+  });
+
+  describe('getPerformerInviteMethod', () => {
+    it('returns correct HTTP method for V1 actions', () => {
+      expect(getPerformerInviteMethod('accept')).toBe('PUT');
+      expect(getPerformerInviteMethod('decline')).toBe('PUT');
+      expect(getPerformerInviteMethod('cancel')).toBe('PUT');
+    });
+  });
+
+  describe('buildV2PerformerActionUrl', () => {
+    it('builds V2 performer action URL with confirm', () => {
+      const url = buildV2PerformerActionUrl(123, 'confirm');
+      expect(url).toContain('/api/v2/event-performers/123/confirm');
+    });
+
+    it('builds V2 performer action URL with decline', () => {
+      const url = buildV2PerformerActionUrl(456, 'decline');
+      expect(url).toContain('/api/v2/event-performers/456/decline');
+    });
+
+    it('builds V2 performer action URL with reassign', () => {
+      const url = buildV2PerformerActionUrl(789, 'reassign');
+      expect(url).toContain('/api/v2/event-performers/789/reassign');
+    });
+  });
+
+  describe('V2 API paths', () => {
+    let originalEnv;
+
+    beforeEach(async () => {
+      originalEnv = import.meta.env.VITE_API_VERSION;
+      vi.resetModules();
+    });
+
+    afterEach(async () => {
+      import.meta.env.VITE_API_VERSION = originalEnv;
+      vi.resetModules();
+    });
+
+    it('buildPerformerInviteUrl uses V2 endpoint for accept when USE_V2_API is true', async () => {
+      // Set environment variable to v2
+      import.meta.env.VITE_API_VERSION = 'v2';
+
+      // Re-import to get fresh module with new env
+      const module = await import('./apiConfig');
+
+      const url = module.buildPerformerInviteUrl(123, 'accept');
+      expect(url).toContain('/api/v2/event-performers/123/confirm');
+    });
+
+    it('buildPerformerInviteUrl uses V2 endpoint for decline when USE_V2_API is true', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      const url = module.buildPerformerInviteUrl(456, 'decline');
+      expect(url).toContain('/api/v2/event-performers/456/decline');
+    });
+
+    it('buildPerformerInviteUrl uses V1 endpoint for cancel even when USE_V2_API is true', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      const url = module.buildPerformerInviteUrl(789, 'cancel');
+      expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
+    });
+
+    it('getPerformerInviteMethod returns POST for V2 non-cancel actions', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      expect(module.getPerformerInviteMethod('accept')).toBe('POST');
+      expect(module.getPerformerInviteMethod('decline')).toBe('POST');
+    });
+
+    it('getPerformerInviteMethod returns PUT for V2 cancel action', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      expect(module.getPerformerInviteMethod('cancel')).toBe('PUT');
+    });
+  });
+});

package/dist/utils/formatters.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=formatters.spec.d.ts.map

package/dist/utils/formatters.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.spec.d.ts","sourceRoot":"","sources":["../../src/lib/utils/formatters.spec.js"],"names":[],"mappings":""}

package/dist/utils/formatters.spec.js

@@ -0,0 +1,82 @@
+import { expect, describe, test } from 'vitest';
+import { formatCreditCardNumber, formatPhoneNumber } from './formatters.ts';
+
+describe('formatCreditCardNumber', () => {
+  test('formats empty string', () => {
+    expect(formatCreditCardNumber('')).toBe('');
+  });
+
+  test('formats 4 digits', () => {
+    expect(formatCreditCardNumber('1234')).toBe('1234');
+  });
+
+  test('formats 8 digits with space', () => {
+    expect(formatCreditCardNumber('12345678')).toBe('1234 5678');
+  });
+
+  test('formats 12 digits with spaces', () => {
+    expect(formatCreditCardNumber('123456789012')).toBe('1234 5678 9012');
+  });
+
+  test('formats 16 digits with spaces', () => {
+    expect(formatCreditCardNumber('1234567890123456')).toBe('1234 5678 9012 3456');
+  });
+
+  test('removes non-digit characters', () => {
+    expect(formatCreditCardNumber('1234-5678-9012-3456')).toBe('1234 5678 9012 3456');
+  });
+
+  test('handles spaces in input', () => {
+    expect(formatCreditCardNumber('1234 5678')).toBe('1234 5678');
+  });
+
+  test('handles letters in input', () => {
+    expect(formatCreditCardNumber('1234abcd5678')).toBe('1234 5678');
+  });
+
+  test('handles partial card number', () => {
+    expect(formatCreditCardNumber('123456789')).toBe('1234 5678 9');
+  });
+});
+
+describe('formatPhoneNumber', () => {
+  test('formats empty string', () => {
+    expect(formatPhoneNumber('')).toBe('');
+  });
+
+  test('formats 3 digits', () => {
+    expect(formatPhoneNumber('123')).toBe('123');
+  });
+
+  test('formats 4 digits with dash', () => {
+    expect(formatPhoneNumber('1234')).toBe('123-4');
+  });
+
+  test('formats 6 digits with dash', () => {
+    expect(formatPhoneNumber('123456')).toBe('123-456');
+  });
+
+  test('formats 7 digits with two dashes', () => {
+    expect(formatPhoneNumber('1234567')).toBe('123-456-7');
+  });
+
+  test('formats 10 digits fully', () => {
+    expect(formatPhoneNumber('1234567890')).toBe('123-456-7890');
+  });
+
+  test('removes non-digit characters', () => {
+    expect(formatPhoneNumber('123-456-7890')).toBe('123-456-7890');
+  });
+
+  test('handles parentheses in input', () => {
+    expect(formatPhoneNumber('(123) 456-7890')).toBe('123-456-7890');
+  });
+
+  test('handles letters in input', () => {
+    expect(formatPhoneNumber('123abc456')).toBe('123-456');
+  });
+
+  test('truncates after 10 digits', () => {
+    expect(formatPhoneNumber('12345678901234')).toBe('123-456-7890');
+  });
+});

package/dist/utils/transitions.js

@@ -1,62 +1,62 @@
-/**
- * Safe transition utilities that guard against NaN values
- *
- * The standard Svelte slide transition can produce "Invalid keyframe value for property height: NaNpx"
- * when the element hasn't been measured yet (e.g., during SSR hydration or when mounted in an unmeasured container).
- *
- * These utilities wrap Svelte's transitions with guards against invalid values.
- */
-
-import { slide as svelteSlide } from 'svelte/transition';
-
-/**
- * A safe version of Svelte's slide transition that guards against NaN height values.
- *
- * When an element is inside an {#if} block and the condition becomes true,
- * Svelte tries to animate from height 0. If the element hasn't been measured yet,
- * offsetHeight can be 0 or undefined, leading to NaN in the animation.
- *
- * This wrapper checks if the element is measurable and skips the animation if not.
- *
- * @param {HTMLElement} node - The element to transition
- * @param {Object} params - Transition parameters
- * @param {number} [params.delay=0] - Delay before transition starts (ms)
- * @param {number} [params.duration=400] - Duration of transition (ms)
- * @param {Function} [params.easing] - Easing function
- * @param {'x'|'y'} [params.axis='y'] - Axis to slide on
- * @returns {Object} Transition configuration
- */
-export function safeSlide(node, params = {}) {
-  // Check if the element is measurable
-  const height = node.offsetHeight;
-  const width = node.offsetWidth;
-
-  // If element has no dimensions (not yet in DOM or hidden), skip animation
-  if ((!height && !width) || !isFinite(height) || !isFinite(width)) {
-    return {
-      delay: params.delay || 0,
-      duration: 0,
-      css: () => ''
-    };
-  }
-
-  // Element is measurable, use standard slide
-  return svelteSlide(node, params);
-}
-
-/**
- * CSS-based slide alternative using grid-template-rows.
- * This approach doesn't require JS measurement and never produces NaN.
- *
- * Usage in Svelte:
- * ```svelte
- * <div class="grid {isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'} transition-all duration-200">
- *   <div class="overflow-hidden">
- *     <!-- content -->
- *   </div>
- * </div>
- * ```
- *
- * This is an alternative approach documented here for reference.
- * The grid-based approach is more performant but requires wrapping content.
- */
+/**
+ * Safe transition utilities that guard against NaN values
+ *
+ * The standard Svelte slide transition can produce "Invalid keyframe value for property height: NaNpx"
+ * when the element hasn't been measured yet (e.g., during SSR hydration or when mounted in an unmeasured container).
+ *
+ * These utilities wrap Svelte's transitions with guards against invalid values.
+ */
+
+import { slide as svelteSlide } from 'svelte/transition';
+
+/**
+ * A safe version of Svelte's slide transition that guards against NaN height values.
+ *
+ * When an element is inside an {#if} block and the condition becomes true,
+ * Svelte tries to animate from height 0. If the element hasn't been measured yet,
+ * offsetHeight can be 0 or undefined, leading to NaN in the animation.
+ *
+ * This wrapper checks if the element is measurable and skips the animation if not.
+ *
+ * @param {HTMLElement} node - The element to transition
+ * @param {Object} params - Transition parameters
+ * @param {number} [params.delay=0] - Delay before transition starts (ms)
+ * @param {number} [params.duration=400] - Duration of transition (ms)
+ * @param {Function} [params.easing] - Easing function
+ * @param {'x'|'y'} [params.axis='y'] - Axis to slide on
+ * @returns {Object} Transition configuration
+ */
+export function safeSlide(node, params = {}) {
+  // Check if the element is measurable
+  const height = node.offsetHeight;
+  const width = node.offsetWidth;
+
+  // If element has no dimensions (not yet in DOM or hidden), skip animation
+  if ((!height && !width) || !isFinite(height) || !isFinite(width)) {
+    return {
+      delay: params.delay || 0,
+      duration: 0,
+      css: () => ''
+    };
+  }
+
+  // Element is measurable, use standard slide
+  return svelteSlide(node, params);
+}
+
+/**
+ * CSS-based slide alternative using grid-template-rows.
+ * This approach doesn't require JS measurement and never produces NaN.
+ *
+ * Usage in Svelte:
+ * ```svelte
+ * <div class="grid {isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'} transition-all duration-200">
+ *   <div class="overflow-hidden">
+ *     <!-- content -->
+ *   </div>
+ * </div>
+ * ```
+ *
+ * This is an alternative approach documented here for reference.
+ * The grid-based approach is more performant but requires wrapping content.
+ */

package/dist/utils/transitions.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=transitions.spec.d.ts.map

package/dist/utils/transitions.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.spec.d.ts","sourceRoot":"","sources":["../../src/lib/utils/transitions.spec.js"],"names":[],"mappings":""}