@getmicdrop/svelte-components 5.7.2 → 5.8.0

package/dist/stores/formDataStore.spec.js

@@ -1,257 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { get } from 'svelte/store';
-import { profileFormData, initialFormData, hasChanges } from './formDataStore';
-
-describe('formDataStore', () => {
-  beforeEach(() => {
-    // Reset stores to initial state
-    profileFormData.set({
-      basicInfo: {
-        firstName: '',
-        lastName: '',
-        email: '',
-        phone: '',
-        stageName: '',
-        location: '',
-      },
-      socialMedia: {
-        videoLink: '',
-      },
-      extraDetails: {},
-    });
-    initialFormData.set(null);
-  });
-
-  describe('profileFormData', () => {
-    it('has initial structure with basicInfo', () => {
-      const data = get(profileFormData);
-      expect(data.basicInfo).toBeDefined();
-      expect(data.basicInfo.firstName).toBe('');
-      expect(data.basicInfo.lastName).toBe('');
-      expect(data.basicInfo.email).toBe('');
-    });
-
-    it('has initial structure with socialMedia', () => {
-      const data = get(profileFormData);
-      expect(data.socialMedia).toBeDefined();
-      expect(data.socialMedia.videoLink).toBe('');
-    });
-
-    it('has initial structure with extraDetails', () => {
-      const data = get(profileFormData);
-      expect(data.extraDetails).toBeDefined();
-    });
-
-    it('can be updated', () => {
-      profileFormData.update((data) => ({
-        ...data,
-        basicInfo: {
-          ...data.basicInfo,
-          firstName: 'John',
-          lastName: 'Doe',
-        },
-      }));
-
-      const data = get(profileFormData);
-      expect(data.basicInfo.firstName).toBe('John');
-      expect(data.basicInfo.lastName).toBe('Doe');
-    });
-
-    it('can be set completely', () => {
-      profileFormData.set({
-        basicInfo: {
-          firstName: 'Jane',
-          lastName: 'Smith',
-          email: 'jane@example.com',
-          phone: '555-1234',
-          stageName: 'JSmith',
-          location: 'LA',
-        },
-        socialMedia: {
-          videoLink: 'https://youtube.com/watch',
-        },
-        extraDetails: { bio: 'Test bio' },
-      });
-
-      const data = get(profileFormData);
-      expect(data.basicInfo.firstName).toBe('Jane');
-      expect(data.socialMedia.videoLink).toBe('https://youtube.com/watch');
-      expect(data.extraDetails.bio).toBe('Test bio');
-    });
-  });
-
-  describe('initialFormData', () => {
-    it('starts as null', () => {
-      expect(get(initialFormData)).toBe(null);
-    });
-
-    it('can store form data snapshot', () => {
-      const snapshot = {
-        basicInfo: {
-          firstName: 'Original',
-          lastName: 'Name',
-          email: '',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      };
-      initialFormData.set(snapshot);
-
-      expect(get(initialFormData)).toEqual(snapshot);
-    });
-  });
-
-  describe('hasChanges (derived store)', () => {
-    it('is false when both are null/empty', () => {
-      profileFormData.set({
-        basicInfo: {
-          firstName: '',
-          lastName: '',
-          email: '',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      });
-      initialFormData.set(null);
-
-      // The comparison will be false because null !== stringified object
-      expect(get(hasChanges)).toBe(true);
-    });
-
-    it('is false when form data matches initial', () => {
-      const data = {
-        basicInfo: {
-          firstName: 'John',
-          lastName: 'Doe',
-          email: 'john@example.com',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      };
-
-      profileFormData.set(data);
-      initialFormData.set(data);
-
-      expect(get(hasChanges)).toBe(false);
-    });
-
-    it('is true when form data differs from initial', () => {
-      const initial = {
-        basicInfo: {
-          firstName: 'John',
-          lastName: 'Doe',
-          email: 'john@example.com',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      };
-
-      const changed = {
-        ...initial,
-        basicInfo: { ...initial.basicInfo, firstName: 'Jane' },
-      };
-
-      initialFormData.set(initial);
-      profileFormData.set(changed);
-
-      expect(get(hasChanges)).toBe(true);
-    });
-
-    it('detects changes in socialMedia', () => {
-      const initial = {
-        basicInfo: {
-          firstName: '',
-          lastName: '',
-          email: '',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      };
-
-      initialFormData.set(initial);
-      profileFormData.set({
-        ...initial,
-        socialMedia: { videoLink: 'https://youtube.com/new' },
-      });
-
-      expect(get(hasChanges)).toBe(true);
-    });
-
-    it('detects changes in extraDetails', () => {
-      const initial = {
-        basicInfo: {
-          firstName: '',
-          lastName: '',
-          email: '',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      };
-
-      initialFormData.set(initial);
-      profileFormData.set({
-        ...initial,
-        extraDetails: { bio: 'New bio' },
-      });
-
-      expect(get(hasChanges)).toBe(true);
-    });
-
-    it('updates reactively when form changes', () => {
-      const initial = {
-        basicInfo: {
-          firstName: 'John',
-          lastName: 'Doe',
-          email: '',
-          phone: '',
-          stageName: '',
-          location: '',
-        },
-        socialMedia: { videoLink: '' },
-        extraDetails: {},
-      };
-
-      profileFormData.set(initial);
-      initialFormData.set(initial);
-
-      // No changes initially
-      expect(get(hasChanges)).toBe(false);
-
-      // Make a change
-      profileFormData.update((data) => ({
-        ...data,
-        basicInfo: { ...data.basicInfo, firstName: 'Jane' },
-      }));
-
-      // Now has changes
-      expect(get(hasChanges)).toBe(true);
-
-      // Revert the change
-      profileFormData.update((data) => ({
-        ...data,
-        basicInfo: { ...data.basicInfo, firstName: 'John' },
-      }));
-
-      // Back to no changes
-      expect(get(hasChanges)).toBe(false);
-    });
-  });
-});

package/dist/stores/formSave.spec.d.ts

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

package/dist/stores/formSave.spec.d.ts.map

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

package/dist/stores/formSave.spec.js

@@ -1,296 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { get } from 'svelte/store';
-
-// Mock toaster
-vi.mock('./toaster', () => ({
-  showToast: vi.fn(),
-}));
-
-import { createFormSave, createDirtyTracker } from './formSave';
-import { showToast } from './toaster';
-
-describe('formSave store', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    global.fetch = vi.fn();
-  });
-
-  describe('createFormSave', () => {
-    it('creates a form save instance with default options', () => {
-      const formSave = createFormSave();
-      expect(formSave.isLoading).toBeDefined();
-      expect(formSave.isSuccess).toBeDefined();
-      expect(formSave.error).toBeDefined();
-      expect(formSave.save).toBeDefined();
-      expect(formSave.resetSuccess).toBeDefined();
-      expect(formSave.reset).toBeDefined();
-    });
-
-    it('has initial loading state as false', () => {
-      const formSave = createFormSave();
-      expect(get(formSave.isLoading)).toBe(false);
-    });
-
-    it('has initial success state as false', () => {
-      const formSave = createFormSave();
-      expect(get(formSave.isSuccess)).toBe(false);
-    });
-
-    it('has initial error state as null', () => {
-      const formSave = createFormSave();
-      expect(get(formSave.error)).toBe(null);
-    });
-
-    describe('save()', () => {
-      it('returns false when no endpoint is specified', async () => {
-        const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
-        const formSave = createFormSave();
-        const result = await formSave.save({ data: 'test' });
-        expect(result).toBe(false);
-        consoleSpy.mockRestore();
-      });
-
-      it('sets loading state during save', async () => {
-        global.fetch.mockImplementation(() =>
-          new Promise((resolve) => {
-            setTimeout(() => resolve({ ok: true, json: () => Promise.resolve({}) }), 100);
-          })
-        );
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        const savePromise = formSave.save({ data: 'test' });
-
-        // Loading should be true while saving
-        expect(get(formSave.isLoading)).toBe(true);
-
-        await savePromise;
-        expect(get(formSave.isLoading)).toBe(false);
-      });
-
-      it('returns true on successful save', async () => {
-        global.fetch.mockResolvedValue({
-          ok: true,
-          json: () => Promise.resolve({ success: true }),
-        });
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        const result = await formSave.save({ data: 'test' });
-
-        expect(result).toBe(true);
-        expect(get(formSave.isSuccess)).toBe(true);
-      });
-
-      it('shows success toast on successful save', async () => {
-        global.fetch.mockResolvedValue({
-          ok: true,
-          json: () => Promise.resolve({}),
-        });
-
-        const formSave = createFormSave({
-          endpoint: '/api/test',
-          successMessage: 'Saved!',
-        });
-        await formSave.save({ data: 'test' });
-
-        expect(showToast).toHaveBeenCalledWith('Saved!', 'success');
-      });
-
-      it('calls onSuccess callback on successful save', async () => {
-        const onSuccess = vi.fn();
-        global.fetch.mockResolvedValue({
-          ok: true,
-          json: () => Promise.resolve({}),
-        });
-
-        const formSave = createFormSave({
-          endpoint: '/api/test',
-          onSuccess,
-        });
-        await formSave.save({ data: 'test' });
-
-        expect(onSuccess).toHaveBeenCalled();
-      });
-
-      it('returns false on failed save', async () => {
-        global.fetch.mockResolvedValue({
-          ok: false,
-          json: () => Promise.resolve({ message: 'Error' }),
-        });
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        const result = await formSave.save({ data: 'test' });
-
-        expect(result).toBe(false);
-      });
-
-      it('shows error toast on failed save', async () => {
-        global.fetch.mockResolvedValue({
-          ok: false,
-          json: () => Promise.resolve({ message: 'Custom error' }),
-        });
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        await formSave.save({ data: 'test' });
-
-        expect(showToast).toHaveBeenCalledWith('Custom error', 'error');
-      });
-
-      it('calls onError callback on failed save', async () => {
-        const onError = vi.fn();
-        global.fetch.mockResolvedValue({
-          ok: false,
-          json: () => Promise.resolve({ message: 'Error' }),
-        });
-
-        const formSave = createFormSave({
-          endpoint: '/api/test',
-          onError,
-        });
-        await formSave.save({ data: 'test' });
-
-        expect(onError).toHaveBeenCalledWith('Error');
-      });
-
-      it('handles network errors', async () => {
-        global.fetch.mockRejectedValue(new Error('Network error'));
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        const result = await formSave.save({ data: 'test' });
-
-        expect(result).toBe(false);
-        expect(get(formSave.error)).toBe('Network error');
-      });
-
-      it('uses custom endpoint when provided to save()', async () => {
-        global.fetch.mockResolvedValue({
-          ok: true,
-          json: () => Promise.resolve({}),
-        });
-
-        const formSave = createFormSave({ endpoint: '/api/default' });
-        await formSave.save({ data: 'test' }, '/api/custom');
-
-        expect(global.fetch).toHaveBeenCalledWith('/api/custom', expect.any(Object));
-      });
-
-      it('uses default error message when response has no message', async () => {
-        global.fetch.mockResolvedValue({
-          ok: false,
-          json: () => Promise.reject(new Error('Parse error')),
-        });
-
-        const formSave = createFormSave({
-          endpoint: '/api/test',
-          errorMessage: 'Default error',
-        });
-        await formSave.save({ data: 'test' });
-
-        expect(showToast).toHaveBeenCalledWith('Default error', 'error');
-      });
-    });
-
-    describe('resetSuccess()', () => {
-      it('resets success state to false', async () => {
-        global.fetch.mockResolvedValue({
-          ok: true,
-          json: () => Promise.resolve({}),
-        });
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        await formSave.save({ data: 'test' });
-        expect(get(formSave.isSuccess)).toBe(true);
-
-        formSave.resetSuccess();
-        expect(get(formSave.isSuccess)).toBe(false);
-      });
-    });
-
-    describe('reset()', () => {
-      it('resets all states', async () => {
-        global.fetch.mockRejectedValue(new Error('Error'));
-
-        const formSave = createFormSave({ endpoint: '/api/test' });
-        await formSave.save({ data: 'test' });
-
-        formSave.reset();
-
-        expect(get(formSave.isLoading)).toBe(false);
-        expect(get(formSave.isSuccess)).toBe(false);
-        expect(get(formSave.error)).toBe(null);
-      });
-    });
-
-    describe('convenience getters', () => {
-      it('loading getter returns current loading state', () => {
-        const formSave = createFormSave();
-        expect(formSave.loading).toBe(false);
-      });
-
-      it('success getter returns current success state', () => {
-        const formSave = createFormSave();
-        expect(formSave.success).toBe(false);
-      });
-    });
-  });
-
-  describe('createDirtyTracker', () => {
-    it('creates a dirty tracker with initial data', () => {
-      const tracker = createDirtyTracker({ name: 'test' });
-      expect(tracker.isDirty).toBeDefined();
-      expect(tracker.check).toBeDefined();
-      expect(tracker.reset).toBeDefined();
-    });
-
-    it('initially not dirty', () => {
-      const tracker = createDirtyTracker({ name: 'test' });
-      expect(get(tracker.isDirty)).toBe(false);
-    });
-
-    describe('check()', () => {
-      it('returns false when data has not changed', () => {
-        const tracker = createDirtyTracker({ name: 'test' });
-        const result = tracker.check({ name: 'test' });
-        expect(result).toBe(false);
-        expect(get(tracker.isDirty)).toBe(false);
-      });
-
-      it('returns true when data has changed', () => {
-        const tracker = createDirtyTracker({ name: 'test' });
-        const result = tracker.check({ name: 'changed' });
-        expect(result).toBe(true);
-        expect(get(tracker.isDirty)).toBe(true);
-      });
-
-      it('detects changes in nested objects', () => {
-        const tracker = createDirtyTracker({ user: { name: 'test' } });
-        const result = tracker.check({ user: { name: 'changed' } });
-        expect(result).toBe(true);
-      });
-
-      it('detects changes in arrays', () => {
-        const tracker = createDirtyTracker({ items: [1, 2, 3] });
-        const result = tracker.check({ items: [1, 2, 3, 4] });
-        expect(result).toBe(true);
-      });
-    });
-
-    describe('reset()', () => {
-      it('resets dirty state with new initial data', () => {
-        const tracker = createDirtyTracker({ name: 'test' });
-        tracker.check({ name: 'changed' });
-        expect(get(tracker.isDirty)).toBe(true);
-
-        tracker.reset({ name: 'new' });
-        expect(get(tracker.isDirty)).toBe(false);
-      });
-
-      it('uses new initial data for subsequent checks', () => {
-        const tracker = createDirtyTracker({ name: 'test' });
-        tracker.reset({ name: 'new' });
-
-        const result = tracker.check({ name: 'test' });
-        expect(result).toBe(true);
-      });
-    });
-  });
-});

package/dist/stores/navigation.spec.d.ts

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

package/dist/stores/navigation.spec.d.ts.map

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

package/dist/stores/navigation.spec.js

@@ -1,136 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { get } from 'svelte/store';
-import {
-  isSubPage,
-  hideHeaderBackButton,
-  selectedVenueData,
-  isAnimatedNavigation,
-} from './navigation';
-
-describe('navigation store', () => {
-  beforeEach(() => {
-    // Reset all stores to default values
-    isSubPage.set(false);
-    hideHeaderBackButton.set(false);
-    selectedVenueData.set(null);
-    isAnimatedNavigation.set(false);
-  });
-
-  describe('isSubPage', () => {
-    it('defaults to false', () => {
-      expect(get(isSubPage)).toBe(false);
-    });
-
-    it('can be set to true', () => {
-      isSubPage.set(true);
-      expect(get(isSubPage)).toBe(true);
-    });
-
-    it('can toggle between values', () => {
-      isSubPage.set(true);
-      expect(get(isSubPage)).toBe(true);
-      isSubPage.set(false);
-      expect(get(isSubPage)).toBe(false);
-    });
-  });
-
-  describe('hideHeaderBackButton', () => {
-    it('defaults to false', () => {
-      expect(get(hideHeaderBackButton)).toBe(false);
-    });
-
-    it('can be set to true', () => {
-      hideHeaderBackButton.set(true);
-      expect(get(hideHeaderBackButton)).toBe(true);
-    });
-
-    it('allows pages to hide the back button', () => {
-      // Simulate a page setting this
-      hideHeaderBackButton.set(true);
-      expect(get(hideHeaderBackButton)).toBe(true);
-
-      // And resetting it when leaving
-      hideHeaderBackButton.set(false);
-      expect(get(hideHeaderBackButton)).toBe(false);
-    });
-  });
-
-  describe('selectedVenueData', () => {
-    it('defaults to null', () => {
-      expect(get(selectedVenueData)).toBe(null);
-    });
-
-    it('can store venue data', () => {
-      const venueData = {
-        id: 123,
-        name: 'Comedy Club',
-        address: '123 Main St',
-      };
-      selectedVenueData.set(venueData);
-      expect(get(selectedVenueData)).toEqual(venueData);
-    });
-
-    it('can be cleared', () => {
-      selectedVenueData.set({ id: 123 });
-      selectedVenueData.set(null);
-      expect(get(selectedVenueData)).toBe(null);
-    });
-
-    it('can update venue data', () => {
-      selectedVenueData.set({ id: 123, name: 'Club A' });
-      selectedVenueData.update((data) => ({ ...data, name: 'Club B' }));
-      expect(get(selectedVenueData).name).toBe('Club B');
-    });
-  });
-
-  describe('isAnimatedNavigation', () => {
-    it('defaults to false', () => {
-      expect(get(isAnimatedNavigation)).toBe(false);
-    });
-
-    it('can be set to true for animated transitions', () => {
-      isAnimatedNavigation.set(true);
-      expect(get(isAnimatedNavigation)).toBe(true);
-    });
-
-    it('distinguishes between refresh and navigation', () => {
-      // On direct load/refresh, this should be false
-      expect(get(isAnimatedNavigation)).toBe(false);
-
-      // When navigating via JS, set to true before navigation
-      isAnimatedNavigation.set(true);
-      expect(get(isAnimatedNavigation)).toBe(true);
-    });
-  });
-
-  describe('store subscriptions', () => {
-    it('notifies subscribers of isSubPage changes', () => {
-      const values = [];
-      const unsubscribe = isSubPage.subscribe((value) => values.push(value));
-
-      isSubPage.set(true);
-      isSubPage.set(false);
-
-      unsubscribe();
-
-      expect(values).toEqual([false, true, false]);
-    });
-
-    it('notifies subscribers of selectedVenueData changes', () => {
-      const values = [];
-      const unsubscribe = selectedVenueData.subscribe((value) => values.push(value));
-
-      selectedVenueData.set({ id: 1 });
-      selectedVenueData.set({ id: 2 });
-      selectedVenueData.set(null);
-
-      unsubscribe();
-
-      expect(values.length).toBe(4);
-      expect(values[0]).toBe(null);
-      expect(values[1]).toEqual({ id: 1 });
-      expect(values[2]).toEqual({ id: 2 });
-      expect(values[3]).toBe(null);
-    });
-  });
-});