@getmicdrop/svelte-components 5.3.13 → 5.3.14

package/dist/utils/apiConfig.js

@@ -1,50 +1,120 @@
-/**
- * API Configuration utility
- * Centralized place to manage API base URL
- */
-
-// Get API base URL from environment variable or fallback to default
-export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'https://get-micdrop.com';
-
-// Get frontend base URL from environment variable or derive from API URL
-export const FRONTEND_BASE_URL = import.meta.env.VITE_FRONTEND_BASE_URL ||
-  (API_BASE_URL.includes('get-micdrop.com') ? 'https://performers.get-micdrop.com' : 'http://localhost:5173');
-
-/**
- * Helper function to build API endpoints
- * @param {string} path - The API path (e.g., '/api/public/login')
- * @returns {string} - Full API URL
- */
-export function buildApiUrl(path) {
-  // Ensure path starts with /
-  const cleanPath = path.startsWith('/') ? path : `/${path}`;
-  return `${API_BASE_URL}${cleanPath}`;
-}
-
-/**
- * Common API endpoints
- */
-export const API_ENDPOINTS = {
-  // Auth
-  LOGIN: '/api/public/login',
-
-  // Performer
-  PERFORMER_PROFILE: '/api/performer/getPerformerProfile',
-  MODIFY_PERFORMER_PROFILE: '/api/performer/modifyPerformerProfile',
-  PERFORMER_AVAILABILITIES: '/api/performer/performerAvailabilities',
-  GET_EVENT_PERFORMER_INVITES: '/api/performer/getEventPerformerInvites',
-  GET_ROSTER_EVENT_PERFORMERS_FOR_USER: '/api/performer/getRosterEventPerformersForUser',
-
-  // Public
-  GET_EVENTS_FOR_VENUE: '/api/public/getEventsForVenue',
-  GET_VENUE: '/api/public/getVenue',
-  ACCEPT_EVENT_PERFORMER_INVITE: '/api/public/acceptEventPerformerInvite',
-  DECLINE_EVENT_PERFORMER_INVITE: '/api/public/declineEventPerformerInvite',
-  CANCEL_EVENT_PERFORMER_INVITE: '/api/public/cancelEventPerformerInvite',
-  SEND_VENUE_MESSAGE: '/api/performer/sendVenueMessage',
-  REJECT_ROSTER_INVITE: '/api/public/rejectRosterInvite',
-  REMOVE_VENUE_FROM_ROSTER: '/api/performer/removeVenueFromRoster',
-
-  // Ticketing
-  TICKETING_EVENTS: 'icketing/events', // Note: This appears to be missing the 't' in the original
-};
+/**
+ * API Configuration - Centralized URL and version management
+ * @module utils/apiConfig
+ */
+
+export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'https://get-micdrop.com';
+
+export const FRONTEND_BASE_URL = import.meta.env.VITE_FRONTEND_BASE_URL ||
+  (API_BASE_URL.includes('get-micdrop.com') ? 'https://performers.get-micdrop.com' : 'http://localhost:5173');
+
+export const API_VERSION = import.meta.env.VITE_API_VERSION || 'v1';
+export const USE_V2_API = API_VERSION === 'v2';
+
+/**
+ * @param {string} path - API path starting with /
+ * @returns {string} Full API URL
+ */
+export function buildApiUrl(path) {
+  const cleanPath = path.startsWith('/') ? path : `/${path}`;
+  return `${API_BASE_URL}${cleanPath}`;
+}
+
+export const API_ENDPOINTS_V1 = {
+  // Auth
+  LOGIN: '/api/public/login',
+
+  // Performer
+  PERFORMER_PROFILE: '/api/performer/getPerformerProfile',
+  MODIFY_PERFORMER_PROFILE: '/api/performer/modifyPerformerProfile',
+  PERFORMER_AVAILABILITIES: '/api/performer/performerAvailabilities',
+  GET_EVENT_PERFORMER_INVITES: '/api/performer/getEventPerformerInvites',
+  GET_ROSTER_EVENT_PERFORMERS_FOR_USER: '/api/performer/getRosterEventPerformersForUser',
+
+  // Public
+  GET_EVENTS_FOR_VENUE: '/api/public/getEventsForVenue',
+  GET_VENUE: '/api/public/getVenue',
+  ACCEPT_EVENT_PERFORMER_INVITE: '/api/public/acceptEventPerformerInvite',
+  DECLINE_EVENT_PERFORMER_INVITE: '/api/public/declineEventPerformerInvite',
+  CANCEL_EVENT_PERFORMER_INVITE: '/api/public/cancelEventPerformerInvite',
+  SEND_VENUE_MESSAGE: '/api/performer/sendVenueMessage',
+  REJECT_ROSTER_INVITE: '/api/public/rejectRosterInvite',
+  REMOVE_VENUE_FROM_ROSTER: '/api/performer/removeVenueFromRoster',
+
+  // Ticketing
+  TICKETING_EVENTS: '/ticketing/events',
+};
+
+export const API_ENDPOINTS_V2 = {
+  // Auth
+  LOGIN: '/api/public/login',
+
+  // Performer
+  PERFORMER_PROFILE: '/api/performer/getPerformerProfile',
+  MODIFY_PERFORMER_PROFILE: '/api/performer/modifyPerformerProfile',
+  PERFORMER_AVAILABILITIES: '/api/performer/performerAvailabilities',
+  GET_EVENT_PERFORMER_INVITES: '/api/performer/getEventPerformerInvites',
+  GET_ROSTER_EVENT_PERFORMERS_FOR_USER: '/api/performer/getRosterEventPerformersForUser',
+
+  // Public
+  GET_EVENTS_FOR_VENUE: '/api/public/getEventsForVenue',
+  GET_VENUE: '/api/public/getVenue',
+  SEND_VENUE_MESSAGE: '/api/performer/sendVenueMessage',
+  REJECT_ROSTER_INVITE: '/api/public/rejectRosterInvite',
+  REMOVE_VENUE_FROM_ROSTER: '/api/performer/removeVenueFromRoster',
+
+  // V2 Event Performer endpoints
+  CONFIRM_EVENT_PERFORMER: '/api/v2/event-performers',
+  DECLINE_EVENT_PERFORMER: '/api/v2/event-performers',
+  ACCEPT_EVENT_PERFORMER_INVITE: '/api/v2/event-performers',
+  DECLINE_EVENT_PERFORMER_INVITE: '/api/v2/event-performers',
+  CANCEL_EVENT_PERFORMER_INVITE: '/api/public/cancelEventPerformerInvite',
+
+  // Ticketing
+  TICKETING_EVENTS: '/ticketing/events',
+};
+
+/** Current API endpoints based on version */
+export const API_ENDPOINTS = USE_V2_API ? API_ENDPOINTS_V2 : API_ENDPOINTS_V1;
+
+/**
+ * Build URL for V2 performer actions
+ * @param {string|number} eventPerformerId
+ * @param {'confirm'|'decline'|'reassign'} action
+ * @returns {string} Full API URL
+ */
+export function buildV2PerformerActionUrl(eventPerformerId, action) {
+  return buildApiUrl(`/api/v2/event-performers/${eventPerformerId}/${action}`);
+}
+
+/**
+ * Build URL for performer invite actions (handles V1/V2 differences)
+ * @param {string|number} inviteId
+ * @param {'accept'|'decline'|'cancel'} action
+ * @returns {string} Full API URL
+ */
+export function buildPerformerInviteUrl(inviteId, action) {
+  if (USE_V2_API) {
+    const v2Action = action === 'accept' ? 'confirm' : action;
+    if (v2Action === 'cancel') {
+      return buildApiUrl(`${API_ENDPOINTS_V1.CANCEL_EVENT_PERFORMER_INVITE}/${inviteId}`);
+    }
+    return buildApiUrl(`/api/v2/event-performers/${inviteId}/${v2Action}`);
+  }
+
+  const v1Endpoint = action === 'accept'
+    ? API_ENDPOINTS_V1.ACCEPT_EVENT_PERFORMER_INVITE
+    : action === 'decline'
+    ? API_ENDPOINTS_V1.DECLINE_EVENT_PERFORMER_INVITE
+    : API_ENDPOINTS_V1.CANCEL_EVENT_PERFORMER_INVITE;
+  return buildApiUrl(`${v1Endpoint}/${inviteId}`);
+}
+
+/**
+ * Get HTTP method for performer invite actions
+ * @param {'accept'|'decline'|'cancel'} action
+ * @returns {'PUT'|'POST'} HTTP method
+ */
+export function getPerformerInviteMethod(action) {
+  return USE_V2_API && action !== 'cancel' ? 'POST' : 'PUT';
+}

package/dist/utils/utils/utils.js

@@ -1,323 +1,3 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export function convertToDate(value) {
-  return value ? new Date(value).toDateString() : null;
-}
-
-export function classNames(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-
-export function truncateTitle(title, maxLength) {
-  if (title.length > maxLength) {
-    return title.slice(0, maxLength) + "...";
-  }
-  return title;
-}
-
-export function convertToCustomDateFormat(isoString) {
-  const date = new Date(isoString);
-
-  const year = date.getUTCFullYear();
-  const month = date.getUTCMonth();
-  const day = date.getUTCDate();
-
-  const customDate = new Date(year, month, day);
-
-  return customDate;
-}
-
-export function convertToCustomDateTimeFormat(isoDateString) {
-  const date = new Date(isoDateString);
-  return new Date(
-    Date.UTC(
-      date.getUTCFullYear(),
-      date.getUTCMonth(),
-      date.getUTCDate(),
-      date.getUTCHours(),
-      date.getUTCMinutes()
-    )
-  );
-}
-
-export function formatHour(dateString) {
-  const date = new Date(dateString);
-  const hour = date.getUTCHours();
-  const minutes = date.getUTCMinutes();
-  const suffix = hour >= 12 ? "PM" : "AM";
-  const displayHour = hour % 12 || 12;
-
-  // Ensure minutes are always two digits
-  const displayMinutes = minutes < 10 ? "0" + minutes : minutes;
-
-  return `${displayHour}:${displayMinutes} ${suffix}`;
-}
-
-export function formattedDate(date) {
-  const options = {
-    weekday: "short", // 'Thu'
-    month: "short", // 'Oct'
-    day: "2-digit", // '24'
-  };
-
-  return new Date(date).toLocaleDateString("en-US", options);
-}
-
-export function formattedFullDate(date) {
-  const options = {
-    weekday: "long", // 'Thursday'
-    month: "long", // 'October'
-    day: "numeric", // '24'
-    year: "numeric", // '2024'
-  };
-
-  const formattedDate = new Date(date).toLocaleDateString("en-US", options);
-
-  // Get the day of the month to append the ordinal suffix
-  const day = new Date(date).getDate();
-  const ordinalSuffix = getOrdinalSuffix(day);
-
-  // Replace the day number with the day + ordinal suffix
-  const fullDate = formattedDate.replace(/\d+/, day + ordinalSuffix);
-  return fullDate;
-}
-
-// Helper function to get the ordinal suffix (st, nd, rd, th)
-function getOrdinalSuffix(day) {
-  if (day >= 11 && day <= 13) return "th"; // Special case for 11th, 12th, and 13th
-  switch (day % 10) {
-    case 1:
-      return "st";
-    case 2:
-      return "nd";
-    case 3:
-      return "rd";
-    default:
-      return "th";
-  }
-}
-
-export const formatDateTime = (dateTimeString, timeZone = "UTC") => {
-  const options = {
-    weekday: "short", // Mon, Tue, etc.
-    year: "numeric", // 2024
-    month: "short", // Dec
-    day: "numeric", // 12
-    hour: "numeric", // 11
-    minute: "numeric", // 00
-    hour12: true, // 11:00 PM format
-    timeZone: timeZone, // Account for the timezone, defaults to 'UTC'
-  };
-
-  const date = new Date(dateTimeString);
-
-  return new Intl.DateTimeFormat("en-US", options).format(date);
-};
-
-export const formatTimeline = (startDateTime) => {
-  const formatHour = (date) => {
-    let hours = date.getUTCHours();
-    const minutes = date.getUTCMinutes();
-    const suffix = hours >= 12 ? "PM" : "AM";
-    hours = hours % 12 || 12;
-
-    return `${hours}:${minutes < 10 ? "0" + minutes : minutes} ${suffix}`;
-  };
-
-  const start = formatHour(new Date(startDateTime));
-  return `${start}`;
-};
-
-export function formatTimeRange(startDate, endDate) {
-  const start = new Date(startDate);
-  const end = new Date(endDate);
-
-  function formatTime(date) {
-    let hours = date.getUTCHours();
-    const minutes = date.getUTCMinutes();
-    const ampm = hours >= 12 ? "PM" : "AM";
-    hours = hours % 12;
-    hours = hours ? hours : 12;
-    const minutesStr = minutes < 10 ? "0" + minutes : minutes;
-    return hours + ":" + minutesStr + " " + ampm;
-  }
-  const startTime = formatTime(start);
-  const endTime = formatTime(end);
-  return `${startTime} - ${endTime}`;
-}
-
-export function getDateRange(startDate, endDate) {
-  const start = new Date(startDate);
-  const end = new Date(endDate);
-
-  const dateArray = [];
-  const currentDate = new Date(start);
-
-  while (currentDate <= end) {
-    dateArray.push(
-      `${currentDate.getUTCFullYear()}-${currentDate.getUTCMonth() + 1
-      }-${currentDate.getUTCDate()}`
-    );
-    currentDate.setUTCDate(currentDate.getUTCDate() + 1); // Move to the next day
-  }
-
-  return dateArray;
-}
-
-export const getDay = (dateString) => {
-  const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-  const date = new Date(dateString);
-  return days[date.getUTCDay()];
-};
-
-export const getMonth = (dateString) => {
-  const months = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec",
-  ];
-  const date = new Date(dateString);
-  return months[date.getUTCMonth()];
-};
-
-export const getDateOfMonth = (dateString) => {
-  const date = new Date(dateString);
-  return date.getUTCDate();
-};
-
-// Map roleOnStage numeric value to role name string
-// These correspond to the lineup position roles in the operator panel
-const ROLE_ON_STAGE_MAP = {
-  0: "Performer",
-  1: "Host",
-  2: "Headliner",
-  3: "Feature",
-  4: "Special Guest",
-  5: "Opener",
-  6: "Guest",
-  7: "Teacher",
-  8: "Assistant",
-};
-
-export const getRoleFromRoleOnStage = (roleOnStage) => {
-  return ROLE_ON_STAGE_MAP[roleOnStage] || "Performer";
-};
-
-// Format Event as Show for Listing data
-export const formatEvent = (event) => {
-  // Get venue stage name (the physical stage at the venue, e.g., "Main Room", "Showroom")
-  // Not to be confused with performer's stage name (their performance alias)
-  const venueStageName = event.Event.stage?.name || event.Event.stage?.googleName || event.Event.googleName || "";
-
-  // Handle potentially undefined venue address
-  const venueAddress = event.Event.venue.address || "";
-
-  // Map roleOnStage number to role name string
-  const role = getRoleFromRoleOnStage(event.roleOnStage);
-
-  // Get custom booking notification message from venue (set in venue edit page)
-  const bookingMessage = event.Event.venue.booking_notification || "No additional details available.";
-
-  return {
-    eventId: event.Event.ID,
-    venueId: event.Event.venue.ID,
-    title: event.Event.title,
-    role: role,
-    startDateTime: event.Event.startDateTime,
-    acceptedState: event.acceptedState,
-    doorsOpenTime: event.Event.doorsOpenTime,
-    spotDuration: `${event.setLength} min spot`,
-    venueName: event.Event.venue.name,
-    location: venueAddress,
-    id: event.invitationId,
-    image: event.Event.image,
-    details: {
-      venue: event.Event.venue.name,
-      stageName: venueStageName,
-      address: venueAddress,
-      setLength: `${event.setLength} min`,
-      eventDetails: bookingMessage,
-    },
-    lastUpdated: event.UpdatedAt,
-  };
-};
-
-export const formatRosterEventPerformerInvite = (event) => {
-  console.log("whats in this venue", event);
-  return {
-    venueId: event.venueId,
-    role: event.role || "Performer",
-    acceptedState: event.acceptedState,
-    name: event.Venue.name,
-    shortVenue: `${event.Venue.firstName} ${event.Venue.lastName} - ${event.Venue.role}`,
-    location: `${event.Venue.address}`,
-    id: event.invitationId,
-    lastUpdated: event.UpdatedAt,
-    image: event.Venue.image,
-    hasAvailability: true,
-    invitationAccepted: event.acceptedState === 2,
-  };
-};
-
-export const formatVenue = (event) => {
-  return {
-    venueId: event.Event.venueId,
-    name: event.Event.venue.name,
-    image: event.Event.venue.squareImageUrl || event.Event.venue.image,
-    location: `${event.Event.venue.address}`,
-    start: event.Event.startDateTime,
-    end: event.Event.endDateTime,
-    doorOpen: event.Event.doorsOpenTime,
-    email: event.Event.venue.email,
-    phone: event.Event.venue.phone,
-    description: event.Event.venue.description,
-    instagram: event.Event.venue.instagram,
-    facebook: event.Event.venue.facebook,
-    twitter: event.Event.venue.twitter,
-    lastUpdated: event.UpdatedAt,
-    timeRange: formatTimeRange(event.Event.startDateTime, event.Event.endDateTime),
-    dateRange: getDateRange(event.Event.startDateTime, event.Event.endDateTime),
-  };
-};
-
-export function capitalize(word) {
-  return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-}
-
-export function timeAgo(date) {
-  const now = new Date();
-  const seconds = Math.floor((now - new Date(date)) / 1000);
-  const minutes = Math.floor(seconds / 60);
-  const hours = Math.floor(minutes / 60);
-  const days = Math.floor(hours / 24);
-  const months = Math.floor(days / 30);
-  const years = Math.floor(months / 12);
-
-  if (seconds < 60) {
-    return `${seconds} second${seconds !== 1 ? "s" : ""} ago`;
-  } else if (minutes < 60) {
-    return `${minutes} minute${minutes !== 1 ? "s" : ""} ago`;
-  } else if (hours < 24) {
-    return `${hours} hour${hours !== 1 ? "s" : ""} ago`;
-  } else if (days < 30) {
-    return `${days} day${days !== 1 ? "s" : ""} ago`;
-  } else if (months < 12) {
-    return `${months} month${months !== 1 ? "s" : ""} ago`;
-  } else {
-    return `${years} year${years !== 1 ? "s" : ""} ago`;
-  }
-}
+// Re-export everything from the consolidated utils.js
+// This file is kept for backward compatibility
+export * from '../utils.js';