@getmicdrop/svelte-components 5.5.5 → 5.6.1

package/dist/stores/auth.js

@@ -1,36 +1,44 @@
-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,
-    });
-  }
-};
+/**
+ * @deprecated Use the Svelte 5 runes version from './auth.svelte.ts' instead.
+ * This file is maintained for backwards compatibility with Svelte 4 components.
+ */
+import { writable } from "svelte/store";
+
+console.warn(
+  "[DEPRECATED] auth.js is deprecated. Use auth.svelte.ts for Svelte 5 runes."
+);
+
+// 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.js

@@ -1,139 +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]);
-    });
-  });
-});
+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]);
+    });
+  });
+});

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

@@ -0,0 +1,39 @@
+/**
+ * Authentication store using Svelte 5 runes
+ * Manages authentication state for the components library
+ */
+interface UserDetails {
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    [key: string]: unknown;
+}
+interface AuthState {
+    isAuthenticated: boolean;
+    token: string | null;
+    userDetails: UserDetails | null;
+}
+/**
+ * Authentication store
+ */
+export declare const auth: {
+    readonly value: AuthState;
+    readonly isAuthenticated: boolean;
+    readonly token: string | null;
+    readonly userDetails: UserDetails | null;
+};
+/**
+ * Set the authentication state
+ */
+export declare function setAuthState(state: AuthState): void;
+/**
+ * Clear the authentication state
+ */
+export declare function clearAuthState(): void;
+/**
+ * Initialize the store from cookies
+ * Should only be called in browser environment
+ */
+export declare function initializeAuthState(): void;
+export type { AuthState, UserDetails };
+//# sourceMappingURL=auth.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auth.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stores/auth.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,UAAU,SAAS;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;CACjC;AAWD;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;CAahB,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAEnD;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAkB1C;AAGD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}

package/dist/stores/auth.svelte.js

@@ -0,0 +1,60 @@
+/**
+ * Authentication store using Svelte 5 runes
+ * Manages authentication state for the components library
+ */
+const defaultAuthState = {
+    isAuthenticated: false,
+    token: null,
+    userDetails: null,
+};
+// State using Svelte 5 runes
+let authState = $state(structuredClone(defaultAuthState));
+/**
+ * Authentication store
+ */
+export const auth = {
+    get value() {
+        return authState;
+    },
+    get isAuthenticated() {
+        return authState.isAuthenticated;
+    },
+    get token() {
+        return authState.token;
+    },
+    get userDetails() {
+        return authState.userDetails;
+    },
+};
+/**
+ * Set the authentication state
+ */
+export function setAuthState(state) {
+    authState = state;
+}
+/**
+ * Clear the authentication state
+ */
+export function clearAuthState() {
+    authState = structuredClone(defaultAuthState);
+}
+/**
+ * Initialize the store from cookies
+ * Should only be called in browser environment
+ */
+export function initializeAuthState() {
+    if (typeof document === "undefined")
+        return;
+    const cookies = Object.fromEntries(document.cookie
+        .split("; ")
+        .filter((c) => c)
+        .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/formDataStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formDataStore.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formDataStore.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH,oEAA8C;AAE9C,kEAKE"}
+{"version":3,"file":"formDataStore.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formDataStore.js"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;GAaG;AAEH,oEAA8C;AAE9C,kEAKE"}

package/dist/stores/formDataStore.js

@@ -1,5 +1,13 @@
+/**
+ * @deprecated Use the Svelte 5 runes version from './formDataStore.svelte.ts' instead.
+ * This file is maintained for backwards compatibility with Svelte 4 components.
+ */
 import { writable, derived } from "svelte/store";
 
+console.warn(
+  "[DEPRECATED] formDataStore.js is deprecated. Use formDataStore.svelte.ts for Svelte 5 runes."
+);
+
 export const profileFormData = writable({
     basicInfo: {
         firstName: "",

package/dist/stores/formDataStore.svelte.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Form data store using Svelte 5 runes
+ * Tracks profile form data and change detection
+ */
+interface BasicInfo {
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone: string;
+    stageName: string;
+    location: string;
+}
+interface SocialMedia {
+    videoLink: string;
+}
+interface ProfileFormData {
+    basicInfo: BasicInfo;
+    socialMedia: SocialMedia;
+    extraDetails: Record<string, unknown>;
+}
+/**
+ * Profile form data store
+ */
+export declare const profileFormData: {
+    value: ProfileFormData;
+    basicInfo: BasicInfo;
+    socialMedia: SocialMedia;
+    extraDetails: Record<string, unknown>;
+    update(updater: (data: ProfileFormData) => ProfileFormData): void;
+    reset(): void;
+};
+/**
+ * Initial form data store (for comparison)
+ */
+export declare const initialFormData: {
+    value: ProfileFormData | null;
+    setFromCurrent(): void;
+    reset(): void;
+};
+/**
+ * Derived store indicating if form has unsaved changes
+ */
+export declare const hasChanges: {
+    readonly value: boolean;
+};
+export type { ProfileFormData, BasicInfo, SocialMedia };
+//# sourceMappingURL=formDataStore.svelte.d.ts.map

package/dist/stores/formDataStore.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formDataStore.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formDataStore.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,SAAS;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC;AA2BD;;GAEG;AACH,eAAO,MAAM,eAAe;WAIV,eAAe;eAMX,SAAS;iBAMN,WAAW;kBAMR,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;oBAGjC,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe;;CAM3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;WAIV,eAAe,GAAG,IAAI;;;CASvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;;CAItB,CAAC;AAGF,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}

package/dist/stores/formDataStore.svelte.js

@@ -0,0 +1,84 @@
+/**
+ * Form data store using Svelte 5 runes
+ * Tracks profile form data and change detection
+ */
+const defaultFormData = {
+    basicInfo: {
+        firstName: "",
+        lastName: "",
+        email: "",
+        phone: "",
+        stageName: "",
+        location: "",
+    },
+    socialMedia: {
+        videoLink: "",
+    },
+    extraDetails: {},
+};
+// State using Svelte 5 runes
+let profileFormDataState = $state(structuredClone(defaultFormData));
+let initialFormDataState = $state(null);
+// Derived state for change detection
+const hasChangesValue = $derived(initialFormDataState !== null &&
+    JSON.stringify(profileFormDataState) !== JSON.stringify(initialFormDataState));
+/**
+ * Profile form data store
+ */
+export const profileFormData = {
+    get value() {
+        return profileFormDataState;
+    },
+    set value(data) {
+        profileFormDataState = data;
+    },
+    get basicInfo() {
+        return profileFormDataState.basicInfo;
+    },
+    set basicInfo(info) {
+        profileFormDataState.basicInfo = info;
+    },
+    get socialMedia() {
+        return profileFormDataState.socialMedia;
+    },
+    set socialMedia(media) {
+        profileFormDataState.socialMedia = media;
+    },
+    get extraDetails() {
+        return profileFormDataState.extraDetails;
+    },
+    set extraDetails(details) {
+        profileFormDataState.extraDetails = details;
+    },
+    update(updater) {
+        profileFormDataState = updater(profileFormDataState);
+    },
+    reset() {
+        profileFormDataState = structuredClone(defaultFormData);
+    },
+};
+/**
+ * Initial form data store (for comparison)
+ */
+export const initialFormData = {
+    get value() {
+        return initialFormDataState;
+    },
+    set value(data) {
+        initialFormDataState = data;
+    },
+    setFromCurrent() {
+        initialFormDataState = structuredClone(profileFormDataState);
+    },
+    reset() {
+        initialFormDataState = null;
+    },
+};
+/**
+ * Derived store indicating if form has unsaved changes
+ */
+export const hasChanges = {
+    get value() {
+        return hasChangesValue;
+    },
+};

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

@@ -1 +1 @@
-{"version":3,"file":"formSave.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formSave.js"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AACH,yCAPG;IAAwB,QAAQ,EAAxB,MAAM;IACU,cAAc,EAA9B,MAAM;IACU,YAAY,EAA5B,MAAM;IACY,SAAS;IACT,OAAO;CACjC,GAAU,MAAM,CA6FlB;AAED;;;;GAIG;AACH,gDAHW,MAAM,GACJ,MAAM,CAsBlB"}
+{"version":3,"file":"formSave.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formSave.js"],"names":[],"mappings":"AAWA;;;;;;;;;GASG;AACH,yCAPG;IAAwB,QAAQ,EAAxB,MAAM;IACU,cAAc,EAA9B,MAAM;IACU,YAAY,EAA5B,MAAM;IACY,SAAS;IACT,OAAO;CACjC,GAAU,MAAM,CA6FlB;AAED;;;;GAIG;AACH,gDAHW,MAAM,GACJ,MAAM,CAsBlB"}

package/dist/stores/formSave.js

@@ -1,6 +1,14 @@
+/**
+ * @deprecated Use the Svelte 5 runes version from './formSave.svelte.ts' instead.
+ * This file is maintained for backwards compatibility with Svelte 4 components.
+ */
 import { writable, get } from "svelte/store";
 import { showToast } from "./toaster";
 
+console.warn(
+  "[DEPRECATED] formSave.js is deprecated. Use formSave.svelte.ts for Svelte 5 runes."
+);
+
 /**
  * Creates a form save handler with loading and success states
  * @param {Object} options - Configuration options

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

@@ -0,0 +1,33 @@
+/**
+ * Form save utilities using Svelte 5 runes
+ * Handles form submission with loading and success states
+ */
+interface FormSaveOptions {
+    endpoint?: string;
+    successMessage?: string;
+    errorMessage?: string;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+}
+/**
+ * Creates a form save handler with loading and success states
+ * Uses Svelte 5 runes for reactive state
+ */
+export declare function createFormSave(options?: FormSaveOptions): {
+    readonly isLoading: boolean;
+    readonly isSuccess: boolean;
+    readonly error: string | null;
+    save: (data: Record<string, unknown>, customEndpoint?: string | null) => Promise<boolean>;
+    resetSuccess: () => void;
+    reset: () => void;
+};
+/**
+ * Creates a simple dirty state tracker for forms
+ */
+export declare function createDirtyTracker(initialData: Record<string, unknown>): {
+    readonly isDirty: boolean;
+    check: (currentData: Record<string, unknown>) => boolean;
+    reset: (newInitialData: Record<string, unknown>) => void;
+};
+export {};
+//# sourceMappingURL=formSave.svelte.d.ts.map