@getmicdrop/svelte-components 5.8.0 → 5.8.2

package/dist/stores/auth.js

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

@@ -1,77 +0,0 @@
-/**
- * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
- * @typedef {Object} FormStoreOptions
- * @property {Object} initialData - Initial form data
- * @property {string} [endpoint] - API endpoint for saving
- * @property {string} [successMessage] - Message to show on success
- * @property {string} [errorMessage] - Message to show on error
- * @property {Function} [validate] - Validation function returning { isValid, errors }
- * @property {Function} [transformData] - Transform data before saving
- * @property {Function} [onSuccess] - Callback after successful save
- * @property {Function} [onError] - Callback after error
- * @property {boolean} [showToasts=true] - Show toast notifications
- */
-/**
- * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
- *
- * Creates a comprehensive form store with state management, dirty tracking,
- * validation, and save handling.
- *
- * @param {FormStoreOptions} options - Configuration options
- * @returns {Object} Form store with all state and handlers
- *
- * @example
- * const form = createFormStore({
- *   initialData: { name: '', email: '' },
- *   endpoint: '/api/profile',
- *   validate: (data) => {
- *     const errors = {};
- *     if (!data.name) errors.name = 'Name is required';
- *     return { isValid: Object.keys(errors).length === 0, errors };
- *   }
- * });
- *
- * // In Svelte component:
- * <input bind:value={$form.data.name} on:input={form.checkDirty} />
- * <button on:click={form.submit} disabled={$form.isLoading}>Save</button>
- */
-export function createFormStore(options?: FormStoreOptions): Object;
-export type FormStoreOptions = {
-    /**
-     * - Initial form data
-     */
-    initialData: Object;
-    /**
-     * - API endpoint for saving
-     */
-    endpoint?: string | undefined;
-    /**
-     * - Message to show on success
-     */
-    successMessage?: string | undefined;
-    /**
-     * - Message to show on error
-     */
-    errorMessage?: string | undefined;
-    /**
-     * - Validation function returning { isValid, errors }
-     */
-    validate?: Function | undefined;
-    /**
-     * - Transform data before saving
-     */
-    transformData?: Function | undefined;
-    /**
-     * - Callback after successful save
-     */
-    onSuccess?: Function | undefined;
-    /**
-     * - Callback after error
-     */
-    onError?: Function | undefined;
-    /**
-     * - Show toast notifications
-     */
-    showToasts?: boolean | undefined;
-};
-//# sourceMappingURL=createFormStore.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createFormStore.d.ts","sourceRoot":"","sources":["../../src/lib/stores/createFormStore.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,0CAlBW,gBAAgB,GACd,MAAM,CAgXlB;;;;;iBAlYa,MAAM"}

package/dist/stores/createFormStore.js

@@ -1,410 +0,0 @@
-/**
- * @deprecated Use `@getmicdrop/svelte-components/forms` instead.
- * This Svelte 4 store-based implementation will be removed in the next major version.
- * 
- * Migration:
- * ```typescript
- * // Old (Svelte 4 stores):
- * import { createFormStore } from '@getmicdrop/svelte-components/stores/createFormStore';
- * const form = createFormStore({ initialData: {...}, endpoint: '...' });
- * 
- * // New (Svelte 5 runes):
- * import { createFormStore } from '@getmicdrop/svelte-components/forms';
- * import { z } from 'zod';
- * const schema = z.object({ name: z.string(), email: z.string().email() });
- * const form = createFormStore(schema, { name: '', email: '' });
- * ```
- */
-import { writable, derived, get } from "svelte/store";
-import { showToast } from "./toaster";
-
-/**
- * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
- * @typedef {Object} FormStoreOptions
- * @property {Object} initialData - Initial form data
- * @property {string} [endpoint] - API endpoint for saving
- * @property {string} [successMessage] - Message to show on success
- * @property {string} [errorMessage] - Message to show on error
- * @property {Function} [validate] - Validation function returning { isValid, errors }
- * @property {Function} [transformData] - Transform data before saving
- * @property {Function} [onSuccess] - Callback after successful save
- * @property {Function} [onError] - Callback after error
- * @property {boolean} [showToasts=true] - Show toast notifications
- */
-
-/**
- * @deprecated Use createFormStore from '@getmicdrop/svelte-components/forms' instead.
- * 
- * Creates a comprehensive form store with state management, dirty tracking,
- * validation, and save handling.
- * 
- * @param {FormStoreOptions} options - Configuration options
- * @returns {Object} Form store with all state and handlers
- * 
- * @example
- * const form = createFormStore({
- *   initialData: { name: '', email: '' },
- *   endpoint: '/api/profile',
- *   validate: (data) => {
- *     const errors = {};
- *     if (!data.name) errors.name = 'Name is required';
- *     return { isValid: Object.keys(errors).length === 0, errors };
- *   }
- * });
- * 
- * // In Svelte component:
- * <input bind:value={$form.data.name} on:input={form.checkDirty} />
- * <button on:click={form.submit} disabled={$form.isLoading}>Save</button>
- */
-export function createFormStore(options = {}) {
-  console.warn(
-    '[DEPRECATED] createFormStore from stores/createFormStore is deprecated. ' +
-    'Use createFormStore from @getmicdrop/svelte-components/forms instead.'
-  );
-  const {
-    initialData = {},
-    endpoint = "",
-    successMessage = "Changes saved successfully",
-    errorMessage = "Failed to save changes",
-    validate,
-    transformData,
-    onSuccess,
-    onError,
-    showToasts = true,
-  } = options;
-
-  // Deep clone initial data to prevent mutations
-  const cloneData = (data) => JSON.parse(JSON.stringify(data));
-
-  // Core state stores
-  const data = writable(cloneData(initialData));
-  const initial = writable(cloneData(initialData));
-  const errors = writable({});
-  const isLoading = writable(false);
-  const isSuccess = writable(false);
-  const saveError = writable(null);
-  const showErrors = writable(false);
-
-  // Derived states
-  const isDirty = derived(
-    [data, initial],
-    ([$data, $initial]) => JSON.stringify($data) !== JSON.stringify($initial)
-  );
-
-  const isValid = derived(
-    errors,
-    ($errors) => countErrors($errors) === 0
-  );
-
-  const errorCount = derived(
-    errors,
-    ($errors) => countErrors($errors)
-  );
-
-  const errorList = derived(
-    errors,
-    ($errors) => flattenErrors($errors)
-  );
-
-  /**
-   * Count total errors in a nested error object
-   */
-  function countErrors(errorObj) {
-    let count = 0;
-    const traverse = (obj) => {
-      if (!obj || typeof obj !== 'object') return;
-      Object.values(obj).forEach(value => {
-        if (typeof value === 'string' && value) {
-          count++;
-        } else if (typeof value === 'object') {
-          traverse(value);
-        }
-      });
-    };
-    traverse(errorObj);
-    return count;
-  }
-
-  /**
-   * Flatten nested errors into array of { field, message, section }
-   */
-  function flattenErrors(errorObj) {
-    const list = [];
-    const traverse = (obj, section = '') => {
-      if (!obj || typeof obj !== 'object') return;
-      Object.entries(obj).forEach(([key, value]) => {
-        if (typeof value === 'string' && value) {
-          list.push({ field: key, message: value, section });
-        } else if (typeof value === 'object') {
-          traverse(value, key);
-        }
-      });
-    };
-    traverse(errorObj);
-    return list;
-  }
-
-  /**
-   * Update form data (partial update)
-   */
-  function updateData(updates) {
-    data.update(current => ({ ...current, ...updates }));
-  }
-
-  /**
-   * Update a specific section of form data
-   */
-  function updateSection(section, updates) {
-    data.update(current => ({
-      ...current,
-      [section]: { ...current[section], ...updates }
-    }));
-  }
-
-  /**
-   * Update a specific field
-   */
-  function updateField(section, field, value) {
-    data.update(current => ({
-      ...current,
-      [section]: { ...current[section], [field]: value }
-    }));
-  }
-
-  /**
-   * Check if form is dirty (call after data changes)
-   */
-  function checkDirty() {
-    // Dirty state is computed automatically via derived store
-    // Reset success state when dirty
-    const dirty = get(isDirty);
-    if (dirty) {
-      isSuccess.set(false);
-    }
-    return dirty;
-  }
-
-  /**
-   * Run validation and update errors
-   * @returns {boolean} Whether form is valid
-   */
-  function runValidation() {
-    if (!validate) {
-      errors.set({});
-      return true;
-    }
-
-    const currentData = get(data);
-    const result = validate(currentData);
-    
-    if (typeof result === 'boolean') {
-      // Simple boolean validation
-      return result;
-    }
-    
-    // Object-based validation { isValid, errors }
-    errors.set(result.errors || {});
-    return result.isValid;
-  }
-
-  /**
-   * Clear all errors
-   */
-  function clearErrors() {
-    errors.set({});
-    showErrors.set(false);
-  }
-
-  /**
-   * Clear error for specific field
-   */
-  function clearFieldError(section, field) {
-    errors.update(current => {
-      if (current[section]) {
-        const updated = { ...current };
-        updated[section] = { ...current[section] };
-        delete updated[section][field];
-        return updated;
-      }
-      return current;
-    });
-  }
-
-  /**
-   * Set error for specific field
-   */
-  function setFieldError(section, field, message) {
-    errors.update(current => ({
-      ...current,
-      [section]: { ...current[section], [field]: message }
-    }));
-  }
-
-  /**
-   * Submit the form
-   * @param {string} [customEndpoint] - Override default endpoint
-   * @returns {Promise<boolean>} Success status
-   */
-  async function submit(customEndpoint = null) {
-    showErrors.set(true);
-
-    // Run validation
-    const valid = runValidation();
-    if (!valid) {
-      return false;
-    }
-
-    const targetEndpoint = customEndpoint || endpoint;
-    if (!targetEndpoint) {
-      console.error("No endpoint specified for form save");
-      return false;
-    }
-
-    isLoading.set(true);
-    isSuccess.set(false);
-    saveError.set(null);
-
-    try {
-      let submitData = get(data);
-      
-      // Transform data if transformer provided
-      if (transformData) {
-        submitData = transformData(submitData);
-      }
-
-      const res = await fetch(targetEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(submitData),
-      });
-
-      if (res.ok) {
-        isSuccess.set(true);
-        // Update initial data to current (form is now clean)
-        initial.set(cloneData(get(data)));
-        
-        if (showToasts && successMessage) {
-          showToast(successMessage, "success");
-        }
-        onSuccess?.();
-        return true;
-      } else {
-        const errorData = await res.json().catch(() => ({}));
-        const errorMsg = errorData.message || errorMessage;
-        saveError.set(errorMsg);
-        
-        if (showToasts) {
-          showToast(errorMsg, "error");
-        }
-        onError?.(errorMsg);
-        return false;
-      }
-    } catch (err) {
-      const errorMsg = err.message || "Something went wrong";
-      saveError.set(errorMsg);
-      
-      if (showToasts) {
-        showToast(errorMsg, "error");
-      }
-      onError?.(errorMsg);
-      return false;
-    } finally {
-      isLoading.set(false);
-    }
-  }
-
-  /**
-   * Reset form to initial data
-   */
-  function reset() {
-    data.set(cloneData(get(initial)));
-    errors.set({});
-    showErrors.set(false);
-    isSuccess.set(false);
-    saveError.set(null);
-  }
-
-  /**
-   * Reset form to new initial data
-   */
-  function resetTo(newInitialData) {
-    const cloned = cloneData(newInitialData);
-    initial.set(cloned);
-    data.set(cloned);
-    errors.set({});
-    showErrors.set(false);
-    isSuccess.set(false);
-    saveError.set(null);
-  }
-
-  /**
-   * Reset only the success state
-   */
-  function resetSuccess() {
-    isSuccess.set(false);
-  }
-
-  /**
-   * Mark form as saved (update initial to match current)
-   */
-  function markSaved() {
-    initial.set(cloneData(get(data)));
-    isSuccess.set(true);
-  }
-
-  // Create a subscribable store that combines all state
-  const combinedStore = derived(
-    [data, errors, isLoading, isSuccess, saveError, isDirty, isValid, errorCount, showErrors],
-    ([$data, $errors, $isLoading, $isSuccess, $saveError, $isDirty, $isValid, $errorCount, $showErrors]) => ({
-      data: $data,
-      errors: $errors,
-      isLoading: $isLoading,
-      isSuccess: $isSuccess,
-      saveError: $saveError,
-      isDirty: $isDirty,
-      isValid: $isValid,
-      errorCount: $errorCount,
-      showErrors: $showErrors,
-    })
-  );
-
-  return {
-    // Subscribable combined store
-    subscribe: combinedStore.subscribe,
-    
-    // Individual stores (for direct subscription)
-    data,
-    errors,
-    isLoading,
-    isSuccess,
-    saveError,
-    isDirty,
-    isValid,
-    errorCount,
-    errorList,
-    showErrors,
-    
-    // Actions
-    updateData,
-    updateSection,
-    updateField,
-    checkDirty,
-    runValidation,
-    clearErrors,
-    clearFieldError,
-    setFieldError,
-    submit,
-    reset,
-    resetTo,
-    resetSuccess,
-    markSaved,
-    
-    // Convenience getters
-    get currentData() { return get(data); },
-    get currentErrors() { return get(errors); },
-    get loading() { return get(isLoading); },
-    get success() { return get(isSuccess); },
-    get dirty() { return get(isDirty); },
-    get valid() { return get(isValid); },
-  };
-}

package/dist/stores/formDataStore.d.ts

@@ -1,17 +0,0 @@
-export const profileFormData: import("svelte/store").Writable<{
-    basicInfo: {
-        firstName: string;
-        lastName: string;
-        email: string;
-        phone: string;
-        stageName: string;
-        location: string;
-    };
-    socialMedia: {
-        videoLink: string;
-    };
-    extraDetails: {};
-}>;
-export const initialFormData: import("svelte/store").Writable<null>;
-export const hasChanges: import("svelte/store").Readable<boolean>;
-//# sourceMappingURL=formDataStore.d.ts.map

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

@@ -1 +0,0 @@
-{"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,33 +0,0 @@
-/**
- * @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: "",
-        lastName: "",
-        email: "",
-        phone: "",
-        stageName: "",
-        location: "",
-    },
-    socialMedia: {
-        videoLink: "",
-    },
-    extraDetails: {},
-});
-
-export const initialFormData = writable(null);
-
-export const hasChanges = derived(
-    [profileFormData, initialFormData],
-    ([$profileFormData, $initialFormData]) => {
-        return JSON.stringify($profileFormData) !== JSON.stringify($initialFormData);
-    }
-);

package/dist/stores/formSave.d.ts

@@ -1,24 +0,0 @@
-/**
- * Creates a form save handler with loading and success states
- * @param {Object} options - Configuration options
- * @param {string} options.endpoint - API endpoint for saving
- * @param {string} options.successMessage - Message to show on success
- * @param {string} options.errorMessage - Message to show on error
- * @param {Function} options.onSuccess - Callback after successful save
- * @param {Function} options.onError - Callback after error
- * @returns {Object} Form save store and handlers
- */
-export function createFormSave(options?: {
-    endpoint: string;
-    successMessage: string;
-    errorMessage: string;
-    onSuccess: Function;
-    onError: Function;
-}): Object;
-/**
- * Creates a simple dirty state tracker for forms
- * @param {Object} initialData - Initial form data
- * @returns {Object} Dirty state tracker
- */
-export function createDirtyTracker(initialData: Object): Object;
-//# sourceMappingURL=formSave.d.ts.map

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

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