@getmicdrop/svelte-components 2.0.5 → 2.0.7

package/dist/constants/formOptions.js

@@ -1,25 +1,25 @@
-/**
- * Form options for dropdowns used across the performers portal.
- * Use these with Select and MultiSelect components instead of
- * creating wrapper components like GenderInput or EthnicityDropdown.
- *
- * Example:
- *   import { GENDER_OPTIONS } from './formOptions';
- *   <Select items={GENDER_OPTIONS} label="Gender" />
- */
-
-export const GENDER_OPTIONS = [
-  { name: "Male", value: 1 },
-  { name: "Female", value: 2 },
-  { name: "Non-Binary", value: 3 },
-];
-
-export const ETHNICITY_OPTIONS = [
-  { name: "American Indian or Alaska Native", value: 0 },
-  { name: "Asian", value: 1 },
-  { name: "Black or African American", value: 2 },
-  { name: "Hispanic or Latino", value: 3 },
-  { name: "Middle Eastern or North African", value: 4 },
-  { name: "Native Hawaiian or Pacific Islander", value: 5 },
-  { name: "White", value: 6 },
-];
+/**
+ * Form options for dropdowns used across the performers portal.
+ * Use these with Select and MultiSelect components instead of
+ * creating wrapper components like GenderInput or EthnicityDropdown.
+ *
+ * Example:
+ *   import { GENDER_OPTIONS } from './formOptions';
+ *   <Select items={GENDER_OPTIONS} label="Gender" />
+ */
+
+export const GENDER_OPTIONS = [
+  { name: "Male", value: 1 },
+  { name: "Female", value: 2 },
+  { name: "Non-Binary", value: 3 },
+];
+
+export const ETHNICITY_OPTIONS = [
+  { name: "American Indian or Alaska Native", value: 0 },
+  { name: "Asian", value: 1 },
+  { name: "Black or African American", value: 2 },
+  { name: "Hispanic or Latino", value: 3 },
+  { name: "Middle Eastern or North African", value: 4 },
+  { name: "Native Hawaiian or Pacific Islander", value: 5 },
+  { name: "White", value: 6 },
+];

package/dist/constants/formOptions.spec.js

@@ -1,88 +1,88 @@
-import { describe, it, expect } from 'vitest';
-import { GENDER_OPTIONS, ETHNICITY_OPTIONS } from './formOptions.js';
-
-describe('formOptions', () => {
-  describe('GENDER_OPTIONS', () => {
-    it('exports gender options array', () => {
-      expect(GENDER_OPTIONS).toBeDefined();
-      expect(Array.isArray(GENDER_OPTIONS)).toBe(true);
-    });
-
-    it('has three options', () => {
-      expect(GENDER_OPTIONS.length).toBe(3);
-    });
-
-    it('contains Male option with value 1', () => {
-      const male = GENDER_OPTIONS.find(opt => opt.name === 'Male');
-      expect(male).toBeDefined();
-      expect(male.value).toBe(1);
-    });
-
-    it('contains Female option with value 2', () => {
-      const female = GENDER_OPTIONS.find(opt => opt.name === 'Female');
-      expect(female).toBeDefined();
-      expect(female.value).toBe(2);
-    });
-
-    it('contains Non-Binary option with value 3', () => {
-      const nonBinary = GENDER_OPTIONS.find(opt => opt.name === 'Non-Binary');
-      expect(nonBinary).toBeDefined();
-      expect(nonBinary.value).toBe(3);
-    });
-
-    it('each option has name and value properties', () => {
-      GENDER_OPTIONS.forEach(option => {
-        expect(option).toHaveProperty('name');
-        expect(option).toHaveProperty('value');
-        expect(typeof option.name).toBe('string');
-        expect(typeof option.value).toBe('number');
-      });
-    });
-  });
-
-  describe('ETHNICITY_OPTIONS', () => {
-    it('exports ethnicity options array', () => {
-      expect(ETHNICITY_OPTIONS).toBeDefined();
-      expect(Array.isArray(ETHNICITY_OPTIONS)).toBe(true);
-    });
-
-    it('has seven options', () => {
-      expect(ETHNICITY_OPTIONS.length).toBe(7);
-    });
-
-    it('contains all expected ethnicities', () => {
-      const names = ETHNICITY_OPTIONS.map(opt => opt.name);
-      expect(names).toContain('American Indian or Alaska Native');
-      expect(names).toContain('Asian');
-      expect(names).toContain('Black or African American');
-      expect(names).toContain('Hispanic or Latino');
-      expect(names).toContain('Middle Eastern or North African');
-      expect(names).toContain('Native Hawaiian or Pacific Islander');
-      expect(names).toContain('White');
-    });
-
-    it('has values 0 through 6', () => {
-      const values = ETHNICITY_OPTIONS.map(opt => opt.value).sort((a, b) => a - b);
-      expect(values).toEqual([0, 1, 2, 3, 4, 5, 6]);
-    });
-
-    it('each option has name and value properties', () => {
-      ETHNICITY_OPTIONS.forEach(option => {
-        expect(option).toHaveProperty('name');
-        expect(option).toHaveProperty('value');
-        expect(typeof option.name).toBe('string');
-        expect(typeof option.value).toBe('number');
-      });
-    });
-
-    it('American Indian or Alaska Native has value 0', () => {
-      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'American Indian or Alaska Native');
-      expect(option.value).toBe(0);
-    });
-
-    it('White has value 6', () => {
-      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'White');
-      expect(option.value).toBe(6);
-    });
-  });
-});
+import { describe, it, expect } from 'vitest';
+import { GENDER_OPTIONS, ETHNICITY_OPTIONS } from './formOptions.js';
+
+describe('formOptions', () => {
+  describe('GENDER_OPTIONS', () => {
+    it('exports gender options array', () => {
+      expect(GENDER_OPTIONS).toBeDefined();
+      expect(Array.isArray(GENDER_OPTIONS)).toBe(true);
+    });
+
+    it('has three options', () => {
+      expect(GENDER_OPTIONS.length).toBe(3);
+    });
+
+    it('contains Male option with value 1', () => {
+      const male = GENDER_OPTIONS.find(opt => opt.name === 'Male');
+      expect(male).toBeDefined();
+      expect(male.value).toBe(1);
+    });
+
+    it('contains Female option with value 2', () => {
+      const female = GENDER_OPTIONS.find(opt => opt.name === 'Female');
+      expect(female).toBeDefined();
+      expect(female.value).toBe(2);
+    });
+
+    it('contains Non-Binary option with value 3', () => {
+      const nonBinary = GENDER_OPTIONS.find(opt => opt.name === 'Non-Binary');
+      expect(nonBinary).toBeDefined();
+      expect(nonBinary.value).toBe(3);
+    });
+
+    it('each option has name and value properties', () => {
+      GENDER_OPTIONS.forEach(option => {
+        expect(option).toHaveProperty('name');
+        expect(option).toHaveProperty('value');
+        expect(typeof option.name).toBe('string');
+        expect(typeof option.value).toBe('number');
+      });
+    });
+  });
+
+  describe('ETHNICITY_OPTIONS', () => {
+    it('exports ethnicity options array', () => {
+      expect(ETHNICITY_OPTIONS).toBeDefined();
+      expect(Array.isArray(ETHNICITY_OPTIONS)).toBe(true);
+    });
+
+    it('has seven options', () => {
+      expect(ETHNICITY_OPTIONS.length).toBe(7);
+    });
+
+    it('contains all expected ethnicities', () => {
+      const names = ETHNICITY_OPTIONS.map(opt => opt.name);
+      expect(names).toContain('American Indian or Alaska Native');
+      expect(names).toContain('Asian');
+      expect(names).toContain('Black or African American');
+      expect(names).toContain('Hispanic or Latino');
+      expect(names).toContain('Middle Eastern or North African');
+      expect(names).toContain('Native Hawaiian or Pacific Islander');
+      expect(names).toContain('White');
+    });
+
+    it('has values 0 through 6', () => {
+      const values = ETHNICITY_OPTIONS.map(opt => opt.value).sort((a, b) => a - b);
+      expect(values).toEqual([0, 1, 2, 3, 4, 5, 6]);
+    });
+
+    it('each option has name and value properties', () => {
+      ETHNICITY_OPTIONS.forEach(option => {
+        expect(option).toHaveProperty('name');
+        expect(option).toHaveProperty('value');
+        expect(typeof option.name).toBe('string');
+        expect(typeof option.value).toBe('number');
+      });
+    });
+
+    it('American Indian or Alaska Native has value 0', () => {
+      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'American Indian or Alaska Native');
+      expect(option.value).toBe(0);
+    });
+
+    it('White has value 6', () => {
+      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'White');
+      expect(option.value).toBe(6);
+    });
+  });
+});

package/dist/index.js

@@ -1,111 +1,111 @@
-// Core Components
-export { default as Alert } from './components/Alert/Alert.svelte';
-export { default as Badge } from './components/Badges/Badge.svelte';
-export { default as BottomSheet } from './components/BottomSheet/BottomSheet.svelte';
-export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.svelte';
-export { default as Button } from './components/Button/Button.svelte';
-export { default as ButtonSaveDemo } from './components/Button/ButtonSaveDemo.svelte';
-export { default as Card } from './components/Card.svelte';
-export { default as DarkModeToggle } from './components/DarkModeToggle.svelte';
-export { default as ErrorDisplay } from './components/ErrorDisplay.svelte';
-export { default as FormActions } from './components/FormActions.svelte';
-export { default as FormValidationSummary } from './components/FormValidationSummary.svelte';
-export { default as PageLoader } from './components/PageLoader.svelte';
-export { default as Toggle } from './components/Toggle.svelte';
-export { default as ValidationError } from './components/ValidationError.svelte';
-
-// Calendar Components
-export { default as Calendar } from './components/Calendar/Calendar.svelte';
-export { default as QuarterView } from './components/Calendar/QuarterView.svelte';
-
-// CropImage
-export { default as CropImage } from './components/CropImage/CropImage.svelte';
-
-// Icons
-export { default as Icon } from './components/Icons/Icon.svelte';
-export { default as ArrowLeft } from './components/Icons/ArrowLeft.svelte';
-export { default as ArrowRight } from './components/Icons/ArrowRight.svelte';
-export { default as Availability } from './components/Icons/Availability.svelte';
-export { default as Back } from './components/Icons/Back.svelte';
-export { default as CheckCircle } from './components/Icons/CheckCircle.svelte';
-export { default as CheckCircleOutline } from './components/Icons/CheckCircleOutline.svelte';
-export { default as ChevronLeft } from './components/Icons/ChevronLeft.svelte';
-export { default as ChevronRight } from './components/Icons/ChevronRight.svelte';
-export { default as Copy } from './components/Icons/Copy.svelte';
-export { default as Cross } from './components/Icons/Cross.svelte';
-export { default as DownArrow } from './components/Icons/DownArrow.svelte';
-export { default as ErrorCircle } from './components/Icons/ErrorCircle.svelte';
-export { default as FacebookIcon } from './components/Icons/FacebookIcon.svelte';
-export { default as Home } from './components/Icons/Home.svelte';
-export { default as Info } from './components/Icons/Info.svelte';
-export { default as InstagramIcon } from './components/Icons/InstagramIcon.svelte';
-export { default as Message } from './components/Icons/Message.svelte';
-export { default as MoonIcon } from './components/Icons/MoonIcon.svelte';
-export { default as More } from './components/Icons/More.svelte';
-export { default as MoreHori } from './components/Icons/MoreHori.svelte';
-export { default as Notification } from './components/Icons/Notification.svelte';
-export { default as Payment } from './components/Icons/Payment.svelte';
-export { default as Profile } from './components/Icons/Profile.svelte';
-export { default as Reload } from './components/Icons/Reload.svelte';
-export { default as Shows } from './components/Icons/Shows.svelte';
-export { default as Signout } from './components/Icons/Signout.svelte';
-export { default as SunIcon } from './components/Icons/SunIcon.svelte';
-export { default as TiktokIcon } from './components/Icons/TiktokIcon.svelte';
-export { default as TwitterIcon } from './components/Icons/TwitterIcon.svelte';
-export { default as WarningIcon } from './components/Icons/WarningIcon.svelte';
-
-// Input Components
-export { default as Input } from './components/Input/Input.svelte';
-export { default as MultiSelect } from './components/Input/MultiSelect.svelte';
-export { default as OTPInput } from './components/Input/OTPInput.svelte';
-export { default as Select } from './components/Input/Select.svelte';
-
-// Layout Components
-export { default as BottomNav } from './components/Layout/BottomNav.svelte';
-export { default as Header } from './components/Layout/Header.svelte';
-
-// Modal Components
-export { default as Modal } from './components/Modal/Modal.svelte';
-export { default as ConfirmationModal } from './components/Modal/ConfirmationModal.svelte';
-export { default as ModalStateManager } from './components/Modal/ModalStateManager.svelte';
-export { default as ModalTestWrapper } from './components/Modal/ModalTestWrapper.svelte';
-
-// PlaceAutocomplete
-export { default as PlaceAutocomplete } from './components/PlaceAutocomplete/PlaceAutocomplete.svelte';
-
-// Spinner
-export { default as Spinner } from './components/Spinner/Spinner.svelte';
-
-// Password Strength Indicator
-export { default as PasswordStrengthIndicator } from './components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte';
-
-// Status Indicator
-export { default as StatusIndicator } from './components/StatusIndicator/StatusIndicator.svelte';
-
-// Page-specific Components - Performers
-export { default as AvailabilityCalendarModal } from './components/pages/performers/AvailabilityCalendarModal.svelte';
-export { default as ModalShowInfo } from './components/pages/performers/ModalShowInfo.svelte';
-export { default as PageBackButton } from './components/pages/performers/PageBackButton.svelte';
-export { default as SectionHeader } from './components/pages/performers/SectionHeader.svelte';
-export { default as ShowDetails } from './components/pages/performers/ShowDetails.svelte';
-export { default as ShowItemCard } from './components/pages/performers/ShowItemCard.svelte';
-export { default as SwitchOption } from './components/pages/performers/SwitchOption.svelte';
-export { default as VenueInfo } from './components/pages/performers/VenueInfo.svelte';
-export { default as VenueItemCard } from './components/pages/performers/VenueItemCard.svelte';
-
-// Page-specific Components - Profile
-export { default as ProfileForm } from './components/pages/profile/profile-form.svelte';
-export { default as ProfilePhotos } from './components/pages/profile/profile-photos.svelte';
-
-// Page-specific Components - Settings
-export { default as CustomImageDropzone } from './components/pages/settings/tabs/CustomImageDropzone.svelte';
-
-// Page-specific Components - Shows
-export { default as ShowList } from './components/pages/shows/ShowList.svelte';
-export { default as TabContent } from './components/pages/shows/TabContent.svelte';
-export { default as TabNavigation } from './components/pages/shows/TabNavigation.svelte';
-
-// Lib exports (non-component)
-export { config } from './config.js';
-export * from './telemetry.js';
-export * from './constants/formOptions.js';
+// Core Components
+export { default as Alert } from './components/Alert/Alert.svelte';
+export { default as Badge } from './components/Badges/Badge.svelte';
+export { default as BottomSheet } from './components/BottomSheet/BottomSheet.svelte';
+export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.svelte';
+export { default as Button } from './components/Button/Button.svelte';
+export { default as ButtonSaveDemo } from './components/Button/ButtonSaveDemo.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as DarkModeToggle } from './components/DarkModeToggle.svelte';
+export { default as ErrorDisplay } from './components/ErrorDisplay.svelte';
+export { default as FormActions } from './components/FormActions.svelte';
+export { default as FormValidationSummary } from './components/FormValidationSummary.svelte';
+export { default as PageLoader } from './components/PageLoader.svelte';
+export { default as Toggle } from './components/Toggle.svelte';
+export { default as ValidationError } from './components/ValidationError.svelte';
+
+// Calendar Components
+export { default as Calendar } from './components/Calendar/Calendar.svelte';
+export { default as QuarterView } from './components/Calendar/QuarterView.svelte';
+
+// CropImage
+export { default as CropImage } from './components/CropImage/CropImage.svelte';
+
+// Icons
+export { default as Icon } from './components/Icons/Icon.svelte';
+export { default as ArrowLeft } from './components/Icons/ArrowLeft.svelte';
+export { default as ArrowRight } from './components/Icons/ArrowRight.svelte';
+export { default as Availability } from './components/Icons/Availability.svelte';
+export { default as Back } from './components/Icons/Back.svelte';
+export { default as CheckCircle } from './components/Icons/CheckCircle.svelte';
+export { default as CheckCircleOutline } from './components/Icons/CheckCircleOutline.svelte';
+export { default as ChevronLeft } from './components/Icons/ChevronLeft.svelte';
+export { default as ChevronRight } from './components/Icons/ChevronRight.svelte';
+export { default as Copy } from './components/Icons/Copy.svelte';
+export { default as Cross } from './components/Icons/Cross.svelte';
+export { default as DownArrow } from './components/Icons/DownArrow.svelte';
+export { default as ErrorCircle } from './components/Icons/ErrorCircle.svelte';
+export { default as FacebookIcon } from './components/Icons/FacebookIcon.svelte';
+export { default as Home } from './components/Icons/Home.svelte';
+export { default as Info } from './components/Icons/Info.svelte';
+export { default as InstagramIcon } from './components/Icons/InstagramIcon.svelte';
+export { default as Message } from './components/Icons/Message.svelte';
+export { default as MoonIcon } from './components/Icons/MoonIcon.svelte';
+export { default as More } from './components/Icons/More.svelte';
+export { default as MoreHori } from './components/Icons/MoreHori.svelte';
+export { default as Notification } from './components/Icons/Notification.svelte';
+export { default as Payment } from './components/Icons/Payment.svelte';
+export { default as Profile } from './components/Icons/Profile.svelte';
+export { default as Reload } from './components/Icons/Reload.svelte';
+export { default as Shows } from './components/Icons/Shows.svelte';
+export { default as Signout } from './components/Icons/Signout.svelte';
+export { default as SunIcon } from './components/Icons/SunIcon.svelte';
+export { default as TiktokIcon } from './components/Icons/TiktokIcon.svelte';
+export { default as TwitterIcon } from './components/Icons/TwitterIcon.svelte';
+export { default as WarningIcon } from './components/Icons/WarningIcon.svelte';
+
+// Input Components
+export { default as Input } from './components/Input/Input.svelte';
+export { default as MultiSelect } from './components/Input/MultiSelect.svelte';
+export { default as OTPInput } from './components/Input/OTPInput.svelte';
+export { default as Select } from './components/Input/Select.svelte';
+
+// Layout Components
+export { default as BottomNav } from './components/Layout/BottomNav.svelte';
+export { default as Header } from './components/Layout/Header.svelte';
+
+// Modal Components
+export { default as Modal } from './components/Modal/Modal.svelte';
+export { default as ConfirmationModal } from './components/Modal/ConfirmationModal.svelte';
+export { default as ModalStateManager } from './components/Modal/ModalStateManager.svelte';
+export { default as ModalTestWrapper } from './components/Modal/ModalTestWrapper.svelte';
+
+// PlaceAutocomplete
+export { default as PlaceAutocomplete } from './components/PlaceAutocomplete/PlaceAutocomplete.svelte';
+
+// Spinner
+export { default as Spinner } from './components/Spinner/Spinner.svelte';
+
+// Password Strength Indicator
+export { default as PasswordStrengthIndicator } from './components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte';
+
+// Status Indicator
+export { default as StatusIndicator } from './components/StatusIndicator/StatusIndicator.svelte';
+
+// Page-specific Components - Performers
+export { default as AvailabilityCalendarModal } from './components/pages/performers/AvailabilityCalendarModal.svelte';
+export { default as ModalShowInfo } from './components/pages/performers/ModalShowInfo.svelte';
+export { default as PageBackButton } from './components/pages/performers/PageBackButton.svelte';
+export { default as SectionHeader } from './components/pages/performers/SectionHeader.svelte';
+export { default as ShowDetails } from './components/pages/performers/ShowDetails.svelte';
+export { default as ShowItemCard } from './components/pages/performers/ShowItemCard.svelte';
+export { default as SwitchOption } from './components/pages/performers/SwitchOption.svelte';
+export { default as VenueInfo } from './components/pages/performers/VenueInfo.svelte';
+export { default as VenueItemCard } from './components/pages/performers/VenueItemCard.svelte';
+
+// Page-specific Components - Profile
+export { default as ProfileForm } from './components/pages/profile/profile-form.svelte';
+export { default as ProfilePhotos } from './components/pages/profile/profile-photos.svelte';
+
+// Page-specific Components - Settings
+export { default as CustomImageDropzone } from './components/pages/settings/tabs/CustomImageDropzone.svelte';
+
+// Page-specific Components - Shows
+export { default as ShowList } from './components/pages/shows/ShowList.svelte';
+export { default as TabContent } from './components/pages/shows/TabContent.svelte';
+export { default as TabNavigation } from './components/pages/shows/TabNavigation.svelte';
+
+// Lib exports (non-component)
+export { config } from './config.js';
+export * from './telemetry.js';
+export * from './constants/formOptions.js';

package/dist/stores/auth.d.ts

@@ -0,0 +1,9 @@
+export const auth: import("svelte/store").Writable<{
+    isAuthenticated: boolean;
+    token: null;
+    userDetails: null;
+}>;
+export function setAuthState(state: any): void;
+export function clearAuthState(): void;
+export function initializeAuthState(): void;
+//# sourceMappingURL=auth.d.ts.map

package/dist/stores/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["auth.js"],"names":[],"mappings":"AAGA;;;;GAIG;AAGI,+CAEN;AAGM,uCAEN;AAGM,4CAeN"}

package/dist/stores/auth.js

@@ -0,0 +1,36 @@
+import { writable } from "svelte/store";
+
+// Store to manage authentication state
+export const auth = writable({
+  isAuthenticated: false,
+  token: null,
+  userDetails: null, // To store email and first name
+});
+
+// Function to set authentication state
+export const setAuthState = (state) => {
+  auth.set(state);
+};
+
+// Function to clear the authentication state
+export const clearAuthState = () => {
+  auth.set({ isAuthenticated: false, token: null, userDetails: null });
+};
+
+// Initialize the store from cookies
+export const initializeAuthState = () => {
+  const cookies = Object.fromEntries(
+    document.cookie
+      .split("; ")
+      .map((c) => c.split("="))
+      .map(([k, v]) => [k, decodeURIComponent(v)])
+  );
+
+  if (cookies.performer_token) {
+    setAuthState({
+      isAuthenticated: true,
+      token: cookies.performer_token,
+      userDetails: cookies.userDetails ? JSON.parse(cookies.userDetails) : null,
+    });
+  }
+};

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

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

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

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

package/dist/stores/auth.spec.js

@@ -0,0 +1,139 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { get } from 'svelte/store';
+import { auth, setAuthState, clearAuthState, initializeAuthState } from './auth';
+
+describe('auth store', () => {
+  beforeEach(() => {
+    // Reset auth state before each test
+    clearAuthState();
+    // Clear cookies
+    Object.defineProperty(document, 'cookie', {
+      writable: true,
+      value: '',
+    });
+  });
+
+  describe('initial state', () => {
+    it('starts with isAuthenticated as false', () => {
+      expect(get(auth).isAuthenticated).toBe(false);
+    });
+
+    it('starts with token as null', () => {
+      expect(get(auth).token).toBe(null);
+    });
+
+    it('starts with userDetails as null', () => {
+      expect(get(auth).userDetails).toBe(null);
+    });
+  });
+
+  describe('setAuthState', () => {
+    it('sets authentication state', () => {
+      setAuthState({
+        isAuthenticated: true,
+        token: 'test-token',
+        userDetails: { email: 'test@test.com' },
+      });
+
+      const state = get(auth);
+      expect(state.isAuthenticated).toBe(true);
+      expect(state.token).toBe('test-token');
+      expect(state.userDetails).toEqual({ email: 'test@test.com' });
+    });
+
+    it('can update partial state', () => {
+      setAuthState({ isAuthenticated: true, token: 'token1', userDetails: null });
+      setAuthState({ isAuthenticated: true, token: 'token2', userDetails: { name: 'User' } });
+
+      const state = get(auth);
+      expect(state.token).toBe('token2');
+      expect(state.userDetails).toEqual({ name: 'User' });
+    });
+  });
+
+  describe('clearAuthState', () => {
+    it('clears authentication state', () => {
+      setAuthState({
+        isAuthenticated: true,
+        token: 'test-token',
+        userDetails: { email: 'test@test.com' },
+      });
+
+      clearAuthState();
+
+      const state = get(auth);
+      expect(state.isAuthenticated).toBe(false);
+      expect(state.token).toBe(null);
+      expect(state.userDetails).toBe(null);
+    });
+  });
+
+  describe('initializeAuthState', () => {
+    it('does nothing when no performer_token cookie exists', () => {
+      Object.defineProperty(document, 'cookie', {
+        writable: true,
+        value: '',
+      });
+
+      initializeAuthState();
+
+      const state = get(auth);
+      expect(state.isAuthenticated).toBe(false);
+    });
+
+    it('sets auth state from performer_token cookie', () => {
+      Object.defineProperty(document, 'cookie', {
+        writable: true,
+        value: 'performer_token=my-token',
+      });
+
+      initializeAuthState();
+
+      const state = get(auth);
+      expect(state.isAuthenticated).toBe(true);
+      expect(state.token).toBe('my-token');
+    });
+
+    it('parses userDetails cookie when present', () => {
+      const userDetails = JSON.stringify({ email: 'test@test.com', firstName: 'Test' });
+      Object.defineProperty(document, 'cookie', {
+        writable: true,
+        value: `performer_token=my-token; userDetails=${encodeURIComponent(userDetails)}`,
+      });
+
+      initializeAuthState();
+
+      const state = get(auth);
+      expect(state.userDetails).toEqual({ email: 'test@test.com', firstName: 'Test' });
+    });
+
+    it('handles missing userDetails cookie', () => {
+      Object.defineProperty(document, 'cookie', {
+        writable: true,
+        value: 'performer_token=my-token',
+      });
+
+      initializeAuthState();
+
+      const state = get(auth);
+      expect(state.isAuthenticated).toBe(true);
+      expect(state.userDetails).toBe(null);
+    });
+  });
+
+  describe('store subscription', () => {
+    it('can subscribe to auth changes', () => {
+      const values = [];
+      const unsubscribe = auth.subscribe((value) => {
+        values.push(value.isAuthenticated);
+      });
+
+      setAuthState({ isAuthenticated: true, token: 'token', userDetails: null });
+      clearAuthState();
+
+      unsubscribe();
+
+      expect(values).toEqual([false, true, false]);
+    });
+  });
+});