@getmicdrop/svelte-components 5.18.2 → 5.20.0

package/dist/recipes/modals/FeedbackModal.svelte

@@ -0,0 +1,205 @@
+<script>
+  import Button from "../../primitives/Button/Button.svelte";
+  import Cancel from "../../assets/svg/cancel.svg";
+  import Modal from "../../primitives/Modal/Modal.svelte";
+  import { typography } from '../../tokens/typography';
+
+  const defaultLabels = {
+    title: 'Send Feedback',
+    bugLabel: 'Report a Bug',
+    featureLabel: 'Request a Feature',
+    otherLabel: 'Other',
+    bugPlaceholder: 'What happened? What were you trying to do?',
+    featurePlaceholder: 'What would you like to be able to do?',
+    otherPlaceholder: 'How can we help?',
+    emailLabel: 'Email',
+    descriptionLabel: 'Description',
+    submit: 'Submit',
+    cancel: 'Cancel',
+    close: 'Close',
+    sending: 'Sending...',
+    successTitle: 'Thanks for your feedback!',
+    successMessage: 'We\'ve received your feedback and will review it shortly.',
+    successReference: 'Reference',
+    done: 'Done',
+  };
+
+  let {
+    open = $bindable(false),
+    email = "",
+    loading = false,
+    successReferenceId = "",
+    labels: userLabels = {},
+
+    // Callbacks
+    onsubmit,
+    onclose,
+  } = $props();
+
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
+  // Form state
+  let feedbackType = $state("bug");
+  let description = $state("");
+  let contactEmail = $state("");
+  let showSuccess = $state(false);
+
+  // Sync email prop
+  $effect(() => {
+    if (email && !contactEmail) {
+      contactEmail = email;
+    }
+  });
+
+  // Show success state when referenceId comes in
+  $effect(() => {
+    if (successReferenceId) {
+      showSuccess = true;
+    }
+  });
+
+  let placeholder = $derived(
+    feedbackType === "bug" ? labels.bugPlaceholder
+    : feedbackType === "feature" ? labels.featurePlaceholder
+    : labels.otherPlaceholder
+  );
+
+  let isDisabled = $derived(loading || !description.trim());
+
+  const typeOptions = $derived([
+    { value: "bug", label: labels.bugLabel },
+    { value: "feature", label: labels.featureLabel },
+    { value: "other", label: labels.otherLabel },
+  ]);
+
+  const handleSubmit = () => {
+    if (isDisabled) return;
+    onsubmit?.({
+      type: feedbackType,
+      description: description.trim(),
+      email: contactEmail,
+    });
+  };
+
+  const handleClose = () => {
+    if (loading) return;
+    resetForm();
+    open = false;
+    onclose?.();
+  };
+
+  const resetForm = () => {
+    feedbackType = "bug";
+    description = "";
+    showSuccess = false;
+  };
+</script>
+
+<Modal bind:open size="md" persistent={loading}>
+  {#snippet header()}
+    <div class="text-left">
+      <div class="flex justify-between items-start -mt-2 -mr-2 mb-2">
+        <h3 class={typography.h2}>
+          {showSuccess ? labels.successTitle : labels.title}
+        </h3>
+        <Button variant="icon" size="xs" onclick={handleClose} disabled={loading}>
+          <img src={Cancel} alt={labels.close} class="w-5 h-5" />
+        </Button>
+      </div>
+    </div>
+  {/snippet}
+
+  {#snippet body()}
+    {#if showSuccess}
+      <!-- Success state -->
+      <div class="text-left mt-4 space-y-4">
+        <p class={`${typography.smMuted} leading-relaxed`}>
+          {labels.successMessage}
+        </p>
+        {#if successReferenceId}
+          <div class="bg-gray-50 dark:bg-gray-700 rounded-lg px-4 py-3">
+            <p class="text-sm text-gray-500 dark:text-gray-400">{labels.successReference}</p>
+            <p class="text-lg font-mono font-semibold text-gray-900 dark:text-white">{successReferenceId}</p>
+          </div>
+        {/if}
+      </div>
+    {:else}
+      <!-- Form -->
+      <div class="text-left mt-4 space-y-4">
+        <!-- Type selector -->
+        <div class="flex gap-2">
+          {#each typeOptions as option}
+            <button
+              type="button"
+              class="px-3 py-1.5 text-sm rounded-full border transition-colors
+                {feedbackType === option.value
+                  ? 'bg-blue-50 dark:bg-blue-900/30 border-blue-300 dark:border-blue-600 text-blue-700 dark:text-blue-300 font-medium'
+                  : 'border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-400 hover:border-gray-400 dark:hover:border-gray-500'}"
+              onclick={() => feedbackType = option.value}
+              disabled={loading}
+            >
+              {option.label}
+            </button>
+          {/each}
+        </div>
+
+        <!-- Description -->
+        <div>
+          <label for="feedback-description" class={`${typography.label} block mb-2`}>
+            {labels.descriptionLabel}
+          </label>
+          <textarea
+            id="feedback-description"
+            bind:value={description}
+            placeholder={placeholder}
+            rows={4}
+            class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 {typography.body} rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none"
+            disabled={loading}
+          ></textarea>
+        </div>
+
+        <!-- Email -->
+        <div>
+          <label for="feedback-email" class={`${typography.label} block mb-2`}>
+            {labels.emailLabel}
+          </label>
+          <input
+            id="feedback-email"
+            type="email"
+            bind:value={contactEmail}
+            class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg {typography.body} bg-white dark:bg-gray-700 focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:opacity-50"
+            disabled={loading}
+          />
+        </div>
+      </div>
+    {/if}
+  {/snippet}
+
+  {#snippet footer()}
+    {#if showSuccess}
+      <Button size="full" variant="blue-solid" onclick={handleClose}>
+        {labels.done}
+      </Button>
+    {:else}
+      <div class="flex gap-3">
+        <Button
+          size="full"
+          variant="alternative"
+          onclick={handleClose}
+          disabled={loading}
+        >
+          {labels.cancel}
+        </Button>
+        <Button
+          size="full"
+          variant="blue-solid"
+          onclick={handleSubmit}
+          disabled={isDisabled}
+          {loading}
+        >
+          {loading ? labels.sending : labels.submit}
+        </Button>
+      </div>
+    {/if}
+  {/snippet}
+</Modal>

package/dist/recipes/modals/FeedbackModal.svelte.d.ts

@@ -0,0 +1,24 @@
+export default FeedbackModal;
+type FeedbackModal = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const FeedbackModal: import("svelte").Component<{
+    open?: boolean;
+    email?: string;
+    loading?: boolean;
+    successReferenceId?: string;
+    labels?: Record<string, any>;
+    onsubmit: any;
+    onclose: any;
+}, {}, "open">;
+type $$ComponentProps = {
+    open?: boolean;
+    email?: string;
+    loading?: boolean;
+    successReferenceId?: string;
+    labels?: Record<string, any>;
+    onsubmit: any;
+    onclose: any;
+};
+//# sourceMappingURL=FeedbackModal.svelte.d.ts.map

package/dist/recipes/modals/FeedbackModal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/FeedbackModal.svelte.js"],"names":[],"mappings":";;;;;AA2LA;WAzJ4B,OAAO;YAAU,MAAM;cAAY,OAAO;yBAAuB,MAAM;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;cAAY,GAAG;aAAW,GAAG;eAyJlG;wBAzJzC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,GAAG,CAAA;CAAE"}

package/dist/recipes/modals/index.d.ts

@@ -1,5 +1,6 @@
 export { default as AlertModal } from "./AlertModal.svelte";
 export { default as ConfirmationModal } from "./ConfirmationModal.svelte";
+export { default as FeedbackModal } from "./FeedbackModal.svelte";
 export { default as InputModal } from "./InputModal.svelte";
 export { default as ModalStateManager } from "./ModalStateManager.svelte";
 export { default as ModalTestWrapper } from "./ModalTestWrapper.svelte";

package/dist/recipes/modals/index.js

@@ -1,6 +1,7 @@
 // Composite modal components - built on Modal primitive
 export { default as AlertModal } from './AlertModal.svelte';
 export { default as ConfirmationModal } from './ConfirmationModal.svelte';
+export { default as FeedbackModal } from './FeedbackModal.svelte';
 export { default as InputModal } from './InputModal.svelte';
 export { default as ModalStateManager } from './ModalStateManager.svelte';
 export { default as ModalTestWrapper } from './ModalTestWrapper.svelte';

package/dist/schemas/event.d.ts

@@ -1,8 +1,8 @@
 import { z } from 'zod';
 export declare const eventStatusSchema: z.ZodEnum<{
+    cancelled: "cancelled";
     draft: "draft";
     published: "published";
-    cancelled: "cancelled";
     completed: "completed";
 }>;
 export type EventStatus = z.infer<typeof eventStatusSchema>;
@@ -17,9 +17,9 @@ export declare const eventSchema: z.ZodObject<{
     capacity: z.ZodOptional<z.ZodNumber>;
     imageUrl: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodCustom<File, File>, z.ZodNull]>>;
     status: z.ZodDefault<z.ZodEnum<{
+        cancelled: "cancelled";
         draft: "draft";
         published: "published";
-        cancelled: "cancelled";
         completed: "completed";
     }>>;
     isPrivate: z.ZodDefault<z.ZodBoolean>;
@@ -39,9 +39,9 @@ export declare const eventUpdateSchema: z.ZodObject<{
     capacity: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
     imageUrl: z.ZodOptional<z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodCustom<File, File>, z.ZodNull]>>>;
     status: z.ZodOptional<z.ZodDefault<z.ZodEnum<{
+        cancelled: "cancelled";
         draft: "draft";
         published: "published";
-        cancelled: "cancelled";
         completed: "completed";
     }>>>;
     isPrivate: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
@@ -52,9 +52,9 @@ export declare const eventUpdateSchema: z.ZodObject<{
 export type EventUpdateInput = z.infer<typeof eventUpdateSchema>;
 export declare const eventFilterSchema: z.ZodObject<{
     status: z.ZodOptional<z.ZodEnum<{
+        cancelled: "cancelled";
         draft: "draft";
         published: "published";
-        cancelled: "cancelled";
         completed: "completed";
     }>>;
     venueId: z.ZodOptional<z.ZodString>;

package/dist/schemas/order.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 export declare const orderStatusSchema: z.ZodEnum<{
-    pending: "pending";
     cancelled: "cancelled";
+    pending: "pending";
     completed: "completed";
     processing: "processing";
     refunded: "refunded";
@@ -86,8 +86,8 @@ export declare const orderNoteSchema: z.ZodObject<{
 export type OrderNoteInput = z.infer<typeof orderNoteSchema>;
 export declare const orderFilterSchema: z.ZodObject<{
     status: z.ZodOptional<z.ZodEnum<{
-        pending: "pending";
         cancelled: "cancelled";
+        pending: "pending";
         completed: "completed";
         processing: "processing";
         refunded: "refunded";

package/dist/schemas/promo.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 export declare const promoCodeTypeSchema: z.ZodEnum<{
-    dollar: "dollar";
     percent: "percent";
+    dollar: "dollar";
 }>;
 export type PromoCodeType = z.infer<typeof promoCodeTypeSchema>;
 export declare const promoCodeLimitTypeSchema: z.ZodEnum<{
@@ -13,8 +13,8 @@ export declare const promoCodeNameSchema: z.ZodPipe<z.ZodPipe<z.ZodString, z.Zod
 export declare const promoCodeSchema: z.ZodObject<{
     code: z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodString>;
     discountType: z.ZodEnum<{
-        dollar: "dollar";
         percent: "percent";
+        dollar: "dollar";
     }>;
     dollarAmount: z.ZodNullable<z.ZodOptional<z.ZodPipe<z.ZodNumber, z.ZodTransform<number, number>>>>;
     percentAmount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
@@ -32,8 +32,8 @@ export declare const promoCodeSchema: z.ZodObject<{
 export type PromoCodeInput = z.infer<typeof promoCodeSchema>;
 export declare const promoCodeUpdateSchema: z.ZodObject<{
     discountType: z.ZodOptional<z.ZodEnum<{
-        dollar: "dollar";
         percent: "percent";
+        dollar: "dollar";
     }>>;
     dollarAmount: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodPipe<z.ZodNumber, z.ZodTransform<number, number>>>>>;
     percentAmount: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>;
@@ -53,8 +53,8 @@ export type PromoCodeUpdateInput = z.infer<typeof promoCodeUpdateSchema>;
 export declare const globalPromoCodeSchema: z.ZodObject<{
     code: z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodString>;
     discountType: z.ZodEnum<{
-        dollar: "dollar";
         percent: "percent";
+        dollar: "dollar";
     }>;
     dollarAmount: z.ZodNullable<z.ZodOptional<z.ZodPipe<z.ZodNumber, z.ZodTransform<number, number>>>>;
     percentAmount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

package/dist/services/event.service.d.ts

@@ -0,0 +1,11 @@
+interface CalendarEvent {
+    id: number;
+    date: string;
+    title: string;
+}
+export declare function fetchEventsFromAPI(venueId?: string | number): Promise<CalendarEvent[]>;
+export declare function fetchEventsForMonth(year: number, month: number): Promise<CalendarEvent[]>;
+export declare function fetchEventsForWeek(date: Date): Promise<CalendarEvent[]>;
+export declare function fetchEventsForDay(date: Date): Promise<CalendarEvent[]>;
+export {};
+//# sourceMappingURL=event.service.d.ts.map

package/dist/services/event.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.service.d.ts","sourceRoot":"","sources":["../../src/lib/services/event.service.ts"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAID,wBAAsB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAqB5F;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAY/F;AAED,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAkB7E;AAED,wBAAsB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAgB5E"}

package/dist/services/event.service.js

@@ -0,0 +1,64 @@
+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/event.service.spec.d.ts

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

package/dist/services/event.service.spec.d.ts.map

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

package/dist/services/event.service.spec.js

@@ -0,0 +1,168 @@
+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 './event.service';
+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 → show.service.d.ts}

@@ -44,4 +44,4 @@ export function sendVenueMessage(inviteId: string | number, message: string): Pr
  * @returns {string}
  */
 export function getEventUrl(venueId: string | number): string;
-//# sourceMappingURL=ShowService.d.ts.map
+//# sourceMappingURL=show.service.d.ts.map

package/dist/services/show.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show.service.d.ts","sourceRoot":"","sources":["show.service.ts"],"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"}