@getmicdrop/svelte-components 2.0.4 → 2.0.6

package/dist/utils/utils/utils.js

@@ -1,323 +1,323 @@
-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`;
-  }
-}
+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`;
+  }
+}