@getmicdrop/svelte-components 5.18.2 → 5.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "5.18.2",
+  "version": "5.20.0",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -13,6 +13,10 @@
       "import": "./dist/index.js"
     },
     "./styles": "./dist/styles.css",
+    "./base": {
+      "style": "./dist/tokens/typography-base.css",
+      "default": "./dist/tokens/typography-base.css"
+    },
     "./tokens": {
       "types": "./dist/tokens/index.d.ts",
       "import": "./dist/tokens/index.js"
@@ -44,6 +48,7 @@
     "./tokens/css": "./dist/tokens/tokens.css",
     "./tokens/typography-base": "./dist/tokens/typography-base.css",
     "./tokens/utilities": "./dist/tokens/utilities.css",
+    "./base": "./dist/base.css",
     "./tailwind-preset": "./dist/tailwind/preset.cjs",
     "./primitives/*": {
       "svelte": "./dist/primitives/*",
@@ -99,7 +104,7 @@
       "import": "./dist/forms/createFieldTracker.svelte.js"
     },
     "./services/EventService": {
-      "import": "./dist/services/EventService.js"
+      "import": "./dist/services/event.service.js"
     },
     "./utils/greetings": {
       "import": "./dist/utils/greetings.js"
@@ -111,6 +116,10 @@
       "types": "./dist/utils/phoneUtils.d.ts",
       "import": "./dist/utils/phoneUtils.js"
     },
+    "./utils/formatters": {
+      "types": "./dist/utils/formatters.d.ts",
+      "import": "./dist/utils/formatters.js"
+    },
     "./utils/portal": {
       "import": "./dist/utils/portal.js"
     },
@@ -135,6 +144,10 @@
       "types": "./dist/utils/auth.d.ts",
       "import": "./dist/utils/auth.js"
     },
+    "./utils/feedbackContext": {
+      "types": "./dist/utils/feedbackContext.d.ts",
+      "import": "./dist/utils/feedbackContext.js"
+    },
     "./constants/formOptions": {
       "import": "./dist/constants/formOptions.js"
     },
@@ -236,6 +249,7 @@
     "svelte-easy-crop": "^5.0.0",
     "svelte-filepond": "^0.2.2",
     "svelte-sonner": "^1.0.7",
+    "@tailwindcss/forms": "^0.5.11",
     "tailwind-merge": "^3.5.0",
     "zod": "^4.3.6"
   },
@@ -249,7 +263,6 @@
     "@sveltejs/kit": "^2.50.0",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/vite": "^4.0.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/svelte": "^5.2.0",

package/dist/services/EventService.d.ts

@@ -1,5 +0,0 @@
-export function fetchEventsFromAPI(venueId: any): Promise<any>;
-export function fetchEventsForMonth(year: any, month: any): Promise<any>;
-export function fetchEventsForWeek(date: any): Promise<any>;
-export function fetchEventsForDay(date: any): Promise<any>;
-//# sourceMappingURL=EventService.d.ts.map

package/dist/services/EventService.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventService.d.ts","sourceRoot":"","sources":["../../src/lib/services/EventService.js"],"names":[],"mappings":"AAKA,+DAqBC;AAED,yEAYC;AAED,4DAkBC;AAED,2DAgBC"}

package/dist/services/EventService.js

@@ -1,79 +0,0 @@
-import { addDays, startOfWeek } from "date-fns";
-import { buildApiUrl } from "../utils/apiConfig";
-
-let mockEvents = [];
-
-export async function fetchEventsFromAPI(venueId) {
-  try {
-    const url = venueId
-      ? buildApiUrl(`/api/v2/public/events/venue/${venueId}`)
-      : buildApiUrl("/api/v2/public/events/venue");
-    const response = await fetch(url);
-    if (response.ok) {
-      const events = await response.json();
-      return events.map((event) => ({
-        id: event.ID,
-        date: event.startDateTime,
-        title: event.title,
-      }));
-    } else {
-      console.error("Failed to load events:", response.status);
-      return [];
-    }
-  } catch (error) {
-    console.error("Error fetching events:", error);
-    return [];
-  }
-}
-
-export async function fetchEventsForMonth(year, month) {
-  mockEvents = await fetchEventsFromAPI();
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(
-        mockEvents.filter((event) =>
-          event.date.startsWith(`${year}-${String(month).padStart(2, "0")}`)
-        )
-      );
-    }, 500);
-  });
-}
-
-export async function fetchEventsForWeek(date) {
-  mockEvents = await fetchEventsFromAPI();
-
-  const startOfWeekDate = startOfWeek(date, { weekStartsOn: 1 });
-  const endOfWeekDate = addDays(startOfWeekDate, 6);
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const filteredEvents = mockEvents.filter((event) => {
-        const eventDate = new Date(event.date).getTime();
-        return (
-          eventDate >= startOfWeekDate.getTime() &&
-          eventDate <= endOfWeekDate.getTime()
-        );
-      });
-      resolve(filteredEvents);
-    }, 500);
-  });
-}
-
-export async function fetchEventsForDay(date) {
-  mockEvents = await fetchEventsFromAPI();
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const filteredEvents = mockEvents.filter((event) => {
-        const eventDate = new Date(event.date);
-        return (
-          eventDate.getUTCDate() === date.getUTCDate() &&
-          eventDate.getUTCMonth() === date.getUTCMonth() &&
-          eventDate.getUTCFullYear() === date.getUTCFullYear()
-        );
-      });
-      resolve(filteredEvents);
-    }, 500);
-  });
-}

package/dist/services/EventService.spec.d.ts

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

package/dist/services/EventService.spec.d.ts.map

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

package/dist/services/EventService.spec.js

@@ -1,217 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Create mock functions we'll spy on
-const mockEvents = [
-  { ID: 1, startDateTime: '2025-01-15T20:00:00', title: 'Comedy Night' },
-  { ID: 2, startDateTime: '2025-01-15T21:00:00', title: 'Open Mic' },
-  { ID: 3, startDateTime: '2025-02-10T19:00:00', title: 'Improv Show' },
-];
-
-import {
-  fetchEventsFromAPI,
-  fetchEventsForMonth,
-  fetchEventsForWeek,
-  fetchEventsForDay,
-} from './EventService';
-
-describe('EventService', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    global.fetch = vi.fn();
-  });
-
-  describe('fetchEventsFromAPI', () => {
-    it('fetches events from the API', async () => {
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(mockEvents),
-      });
-
-      const events = await fetchEventsFromAPI();
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        'https://get-micdrop.com/api/v2/public/events/venue'
-      );
-      expect(events).toHaveLength(3);
-    });
-
-    it('transforms event data correctly', async () => {
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve([mockEvents[0]]),
-      });
-
-      const events = await fetchEventsFromAPI();
-
-      expect(events[0]).toEqual({
-        id: 1,
-        date: '2025-01-15T20:00:00',
-        title: 'Comedy Night',
-      });
-    });
-
-    it('returns empty array on failed response', async () => {
-      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
-      global.fetch.mockResolvedValue({
-        ok: false,
-        status: 500,
-      });
-
-      const events = await fetchEventsFromAPI();
-
-      expect(events).toEqual([]);
-      consoleSpy.mockRestore();
-    });
-
-    it('returns empty array on network error', async () => {
-      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
-      global.fetch.mockRejectedValue(new Error('Network error'));
-
-      const events = await fetchEventsFromAPI();
-
-      expect(events).toEqual([]);
-      consoleSpy.mockRestore();
-    });
-  });
-
-  describe('fetchEventsForMonth', () => {
-    it('filters events by year and month', async () => {
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(mockEvents),
-      });
-
-      const events = await fetchEventsForMonth(2025, 1);
-
-      expect(events.length).toBe(2);
-      expect(events[0].title).toBe('Comedy Night');
-      expect(events[1].title).toBe('Open Mic');
-    }, 10000);
-
-    it('returns empty for month with no events', async () => {
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(mockEvents),
-      });
-
-      const events = await fetchEventsForMonth(2025, 3);
-
-      expect(events).toEqual([]);
-    }, 10000);
-
-    it('pads single digit months correctly', async () => {
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(mockEvents),
-      });
-
-      const events = await fetchEventsForMonth(2025, 2);
-
-      expect(events.length).toBe(1);
-      expect(events[0].title).toBe('Improv Show');
-    }, 10000);
-
-    it('handles double digit months', async () => {
-      const decemberEvents = [
-        { ID: 4, startDateTime: '2025-12-25T20:00:00', title: 'Holiday Show' },
-      ];
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(decemberEvents),
-      });
-
-      const events = await fetchEventsForMonth(2025, 12);
-
-      expect(events.length).toBe(1);
-    }, 10000);
-  });
-
-  describe('fetchEventsForWeek', () => {
-    it('filters events within the week', async () => {
-      // Events on Jan 13-14, 2025 (Monday-Tuesday of that week)
-      const weekEvents = [
-        { ID: 1, startDateTime: '2025-01-13T20:00:00', title: 'Monday Show' },
-        { ID: 2, startDateTime: '2025-01-14T19:00:00', title: 'Tuesday Show' },
-        { ID: 3, startDateTime: '2025-01-20T20:00:00', title: 'Next Week Show' },
-      ];
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(weekEvents),
-      });
-
-      // Jan 15, 2025 is a Wednesday
-      const date = new Date('2025-01-15');
-      const events = await fetchEventsForWeek(date);
-
-      // Should include Monday and Tuesday shows (same week)
-      expect(events.length).toBe(2);
-    }, 10000);
-
-    it('uses Monday as week start', async () => {
-      const events = [
-        { ID: 1, startDateTime: '2025-01-12T20:00:00', title: 'Sunday Show' },
-        { ID: 2, startDateTime: '2025-01-13T20:00:00', title: 'Monday Show' },
-      ];
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(events),
-      });
-
-      // Pass a date in the week starting Jan 13
-      const date = new Date('2025-01-15');
-      const result = await fetchEventsForWeek(date);
-
-      // Sunday should be excluded, Monday included
-      expect(result.some((e) => e.title === 'Monday Show')).toBe(true);
-    }, 10000);
-  });
-
-  describe('fetchEventsForDay', () => {
-    it('filters events for specific day', async () => {
-      // Use Z suffix for UTC dates to avoid timezone issues
-      const dayEvents = [
-        { ID: 1, startDateTime: '2025-01-15T14:00:00Z', title: 'Afternoon Show' },
-        { ID: 2, startDateTime: '2025-01-15T20:00:00Z', title: 'Evening Show' },
-        { ID: 3, startDateTime: '2025-01-16T20:00:00Z', title: 'Next Day Show' },
-      ];
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(dayEvents),
-      });
-
-      const date = new Date(Date.UTC(2025, 0, 15)); // Jan 15, 2025 UTC
-      const events = await fetchEventsForDay(date);
-
-      expect(events.length).toBe(2);
-      expect(events[0].title).toBe('Afternoon Show');
-      expect(events[1].title).toBe('Evening Show');
-    }, 10000);
-
-    it('returns empty array for day with no events', async () => {
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(mockEvents),
-      });
-
-      const date = new Date(Date.UTC(2025, 0, 20)); // Jan 20, 2025
-      const events = await fetchEventsForDay(date);
-
-      expect(events).toEqual([]);
-    }, 10000);
-
-    it('matches dates using UTC methods', async () => {
-      const dayEvents = [
-        { ID: 1, startDateTime: '2025-06-15T23:00:00Z', title: 'Late Show' },
-      ];
-      global.fetch.mockResolvedValue({
-        ok: true,
-        json: () => Promise.resolve(dayEvents),
-      });
-
-      const date = new Date(Date.UTC(2025, 5, 15)); // June 15, 2025 UTC
-      const events = await fetchEventsForDay(date);
-
-      expect(events.length).toBe(1);
-    }, 10000);
-  });
-});

package/dist/services/ShowService.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowService.d.ts","sourceRoot":"","sources":["ShowService.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,uCAJW,MAAM,GAAC,MAAM,YACb,MAAM,GACJ,OAAO,CAAC;IAAC,EAAE,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,CAwBhD;AAED;;;;;GAKG;AACH,wCAJW,MAAM,GAAC,MAAM,YACb,MAAM,GACJ,OAAO,CAAC;IAAC,EAAE,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,CAwBhD;AAED;;;;;GAKG;AACH,uCAJW,MAAM,GAAC,MAAM,YACb,MAAM,GACJ,OAAO,CAAC;IAAC,EAAE,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,CAwBhD;AAED;;;;;GAKG;AACH,2CAJW,MAAM,GAAC,MAAM,WACb,MAAM,GACJ,OAAO,CAAC;IAAC,EAAE,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,CAoChD;AAED;;;;GAIG;AACH,qCAHW,MAAM,GAAC,MAAM,GACX,MAAM,CAIlB"}

package/dist/services/ShowService.js

@@ -1,144 +0,0 @@
-import { API_BASE_URL, USE_V2_API, buildApiUrl, buildPerformerInviteUrl, getPerformerInviteMethod } from "../utils/apiConfig";
-import { getPerformerToken } from "../utils/utils";
-
-/**
- * Accept an event performer invitation
- * @param {string|number} inviteId - The invitation ID
- * @param {string} message - Optional message to include
- * @returns {Promise<{ok: boolean, result?: any}>}
- */
-export async function acceptInvite(inviteId, message = "") {
-  try {
-    const response = await fetch(
-      buildPerformerInviteUrl(inviteId, "accept"),
-      {
-        method: getPerformerInviteMethod("accept"),
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ message }),
-      }
-    );
-
-    if (response.ok) {
-      const result = await response.json();
-      return { ok: true, result };
-    }
-    return { ok: false };
-  } catch (error) {
-    console.error("Error accepting invite:", error);
-    return { ok: false };
-  }
-}
-
-/**
- * Decline an event performer invitation
- * @param {string|number} inviteId - The invitation ID
- * @param {string} message - Optional message to include
- * @returns {Promise<{ok: boolean, result?: any}>}
- */
-export async function declineInvite(inviteId, message = "") {
-  try {
-    const response = await fetch(
-      buildPerformerInviteUrl(inviteId, "decline"),
-      {
-        method: getPerformerInviteMethod("decline"),
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ message }),
-      }
-    );
-
-    if (response.ok) {
-      const result = await response.json();
-      return { ok: true, result };
-    }
-    return { ok: false };
-  } catch (error) {
-    console.error("Error declining invite:", error);
-    return { ok: false };
-  }
-}
-
-/**
- * Cancel an event performer invitation
- * @param {string|number} inviteId - The invitation ID
- * @param {string} message - Optional message to include
- * @returns {Promise<{ok: boolean, result?: any}>}
- */
-export async function cancelInvite(inviteId, message = "") {
-  try {
-    const response = await fetch(
-      buildPerformerInviteUrl(inviteId, "cancel"),
-      {
-        method: getPerformerInviteMethod("cancel"),
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ message }),
-      }
-    );
-
-    if (response.ok) {
-      const result = await response.json();
-      return { ok: true, result };
-    }
-    return { ok: false };
-  } catch (error) {
-    console.error("Error cancelling invite:", error);
-    return { ok: false };
-  }
-}
-
-/**
- * Send a message to a venue
- * @param {string|number} inviteId - The invitation/event ID
- * @param {string} message - The message to send
- * @returns {Promise<{ok: boolean, result?: any}>}
- */
-export async function sendVenueMessage(inviteId, message) {
-  try {
-    const token = getPerformerToken();
-
-    const url = USE_V2_API
-      ? buildApiUrl(`/api/v2/performer/invites/${inviteId}/message`)
-      : buildApiUrl(`/api/performer/sendVenueMessage/${inviteId}`);
-    const response = await fetch(url, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${token}`,
-        },
-        credentials: "include",
-        body: JSON.stringify({ message }),
-      }
-    );
-
-    if (response.ok) {
-      const text = await response.text();
-      let result = { message: "Email sent successfully" };
-      if (text) {
-        try {
-          result = JSON.parse(text);
-        } catch (_e) {
-          // Empty response is fine
-        }
-      }
-      return { ok: true, result };
-    }
-    return { ok: false };
-  } catch (error) {
-    console.error("Error sending venue message:", error);
-    return { ok: false };
-  }
-}
-
-/**
- * Get the ticketing event URL
- * @param {string|number} venueId - The venue/event ID
- * @returns {string}
- */
-export function getEventUrl(venueId) {
-  return `${API_BASE_URL}/ticketing/events/${venueId}`;
-}

package/dist/services/ShowService.spec.d.ts

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

package/dist/services/ShowService.spec.d.ts.map

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