@getmicdrop/svelte-components 5.6.1 → 5.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "5.6.1",
+  "version": "5.7.1",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",

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

@@ -1,39 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,60 +0,0 @@
-/**
- * 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.svelte.d.ts

@@ -1,47 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,84 +0,0 @@
-/**
- * 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.svelte.d.ts

@@ -1,33 +0,0 @@
-/**
- * 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

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

@@ -1 +0,0 @@
-{"version":3,"file":"formSave.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formSave.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAQD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,eAAoB;;;;iBAyBlD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,mBACb,MAAM,GAAG,IAAI,KAC5B,OAAO,CAAC,OAAO,CAAC;wBAVM,IAAI;iBA0DX,IAAI;EAoBvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;yBAIzC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,OAAO;4BAM9B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,IAAI;EAY9D"}

package/dist/stores/formSave.svelte.js

@@ -1,113 +0,0 @@
-/**
- * Form save utilities using Svelte 5 runes
- * Handles form submission with loading and success states
- */
-import { showToast } from "./toaster";
-/**
- * Creates a form save handler with loading and success states
- * Uses Svelte 5 runes for reactive state
- */
-export function createFormSave(options = {}) {
-    const { endpoint = "", successMessage = "Changes saved successfully", errorMessage = "Failed to save changes", onSuccess, onError, } = options;
-    // State using Svelte 5 runes
-    let isLoadingState = $state(false);
-    let isSuccessState = $state(false);
-    let errorState = $state(null);
-    /**
-     * Reset success state (call when form becomes dirty)
-     */
-    function resetSuccess() {
-        isSuccessState = false;
-    }
-    /**
-     * Save form data to the endpoint
-     */
-    async function save(data, customEndpoint = null) {
-        const targetEndpoint = customEndpoint || endpoint;
-        if (!targetEndpoint) {
-            console.error("No endpoint specified for form save");
-            return false;
-        }
-        isLoadingState = true;
-        isSuccessState = false;
-        errorState = null;
-        try {
-            const res = await fetch(targetEndpoint, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify(data),
-            });
-            if (res.ok) {
-                isSuccessState = true;
-                if (successMessage) {
-                    showToast(successMessage, "success");
-                }
-                onSuccess?.();
-                return true;
-            }
-            else {
-                const errorData = await res.json().catch(() => ({}));
-                const errorMsg = errorData.message || errorMessage;
-                errorState = errorMsg;
-                showToast(errorMsg, "error");
-                onError?.(errorMsg);
-                return false;
-            }
-        }
-        catch (err) {
-            const errorMsg = err instanceof Error ? err.message : "Something went wrong";
-            errorState = errorMsg;
-            showToast(errorMsg, "error");
-            onError?.(errorMsg);
-            return false;
-        }
-        finally {
-            isLoadingState = false;
-        }
-    }
-    /**
-     * Reset all states
-     */
-    function reset() {
-        isLoadingState = false;
-        isSuccessState = false;
-        errorState = null;
-    }
-    return {
-        get isLoading() {
-            return isLoadingState;
-        },
-        get isSuccess() {
-            return isSuccessState;
-        },
-        get error() {
-            return errorState;
-        },
-        save,
-        resetSuccess,
-        reset,
-    };
-}
-/**
- * Creates a simple dirty state tracker for forms
- */
-export function createDirtyTracker(initialData) {
-    let isDirtyState = $state(false);
-    let initial = JSON.stringify(initialData);
-    function check(currentData) {
-        const dirty = JSON.stringify(currentData) !== initial;
-        isDirtyState = dirty;
-        return dirty;
-    }
-    function reset(newInitialData) {
-        initial = JSON.stringify(newInitialData);
-        isDirtyState = false;
-    }
-    return {
-        get isDirty() {
-            return isDirtyState;
-        },
-        check,
-        reset,
-    };
-}

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

@@ -1,35 +0,0 @@
-/**
- * Navigation store using Svelte 5 runes
- * Tracks navigation state and page context
- */
-/**
- * Whether the current page is a sub-page (for header back button display)
- */
-export declare const isSubPage: {
-    value: boolean;
-    set(val: boolean): void;
-};
-/**
- * Pages can set this to true to hide the header back button
- * (e.g., when they have their own)
- */
-export declare const hideHeaderBackButton: {
-    value: boolean;
-    set(val: boolean): void;
-};
-/**
- * Store venue data when navigating to calendar to avoid re-fetching
- */
-export declare const selectedVenueData: {
-    value: Record<string, unknown> | null;
-    set(data: Record<string, unknown> | null): void;
-    reset(): void;
-};
-/**
- * Flag to indicate we're doing an animated navigation (not a refresh/direct load)
- */
-export declare const isAnimatedNavigation: {
-    value: boolean;
-    set(val: boolean): void;
-};
-//# sourceMappingURL=navigation.svelte.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stores/navigation.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;GAEG;AACH,eAAO,MAAM,SAAS;WAIL,OAAO;aAGb,OAAO;CAGjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;WAIhB,OAAO;aAGb,OAAO;CAGjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB;WAIZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;cAGpC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;;CAMzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;WAIhB,OAAO;aAGb,OAAO;CAGjB,CAAC"}

package/dist/stores/navigation.svelte.js

@@ -1,69 +0,0 @@
-/**
- * Navigation store using Svelte 5 runes
- * Tracks navigation state and page context
- */
-// State using Svelte 5 runes
-let isSubPageState = $state(false);
-let hideHeaderBackButtonState = $state(false);
-let selectedVenueDataState = $state(null);
-let isAnimatedNavigationState = $state(false);
-/**
- * Whether the current page is a sub-page (for header back button display)
- */
-export const isSubPage = {
-    get value() {
-        return isSubPageState;
-    },
-    set value(val) {
-        isSubPageState = val;
-    },
-    set(val) {
-        isSubPageState = val;
-    },
-};
-/**
- * Pages can set this to true to hide the header back button
- * (e.g., when they have their own)
- */
-export const hideHeaderBackButton = {
-    get value() {
-        return hideHeaderBackButtonState;
-    },
-    set value(val) {
-        hideHeaderBackButtonState = val;
-    },
-    set(val) {
-        hideHeaderBackButtonState = val;
-    },
-};
-/**
- * Store venue data when navigating to calendar to avoid re-fetching
- */
-export const selectedVenueData = {
-    get value() {
-        return selectedVenueDataState;
-    },
-    set value(data) {
-        selectedVenueDataState = data;
-    },
-    set(data) {
-        selectedVenueDataState = data;
-    },
-    reset() {
-        selectedVenueDataState = null;
-    },
-};
-/**
- * Flag to indicate we're doing an animated navigation (not a refresh/direct load)
- */
-export const isAnimatedNavigation = {
-    get value() {
-        return isAnimatedNavigationState;
-    },
-    set value(val) {
-        isAnimatedNavigationState = val;
-    },
-    set(val) {
-        isAnimatedNavigationState = val;
-    },
-};