@getmicdrop/svelte-components 5.4.2 → 5.5.0

package/dist/utils/utils.js

@@ -1,357 +1,357 @@
-import { twMerge } from "tailwind-merge";
-import clsx from "clsx";
-import EventIcon from "../assets/svg/role/event.svg";
-import BookingIcon from "../assets/svg/role/booking.svg";
-import EmailIcon from "../assets/svg/role/emails.svg";
-import VenueIcon from "../assets/svg/role/venue.svg";
-import PayoutIcon from "../assets/svg/role/payout.svg";
-import MarketingIcon from "../assets/svg/role/marketing.svg";
-import OrdersIcon from "../assets/svg/role/orders.svg";
-import OrganisationIcon from "../assets/svg/role/organisation.svg";
-import ReportingIcon from "../assets/svg/role/reporting.svg";
-import microphonePlaceholder from "../assets/images/microphone.png";
-
-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 cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export function getDays(params) {
-  if (params === "weeks") {
-    return [
-      { value: "monday", label: "Monday" },
-      { value: "tuesday", label: "Tuesday" },
-      { value: "wednesday", label: "Wednesday" },
-      { value: "thursday", label: "Thursday" },
-      { value: "friday", label: "Friday" },
-    ];
-  } else {
-    return Array.from({ length: 31 }, (_, i) => {
-      const day = i + 1;
-      const suffix =
-        day % 10 === 1 && day !== 11
-          ? "st"
-          : day % 10 === 2 && day !== 12
-            ? "nd"
-            : day % 10 === 3 && day !== 13
-              ? "rd"
-              : "th";
-      return {
-        value: day.toString(),
-        label: day + suffix,
-      };
-    });
-  }
-}
-
-// Function to get days number options based on selected time unit
-export function getDaysNumberOptions(timeUnit) {
-  if (timeUnit === "months") {
-    return Array.from({ length: 12 }, (_, i) => ({
-      value: (i + 1).toString(),
-      label: (i + 1).toString(),
-    }));
-  } else if (timeUnit === "weeks") {
-    return Array.from({ length: 10 }, (_, i) => ({
-      value: (i + 1).toString(),
-      label: (i + 1).toString(),
-    }));
-  } else {
-    return Array.from({ length: 31 }, (_, i) => ({
-      value: (i + 1).toString(),
-      label: (i + 1).toString(),
-    }));
-  }
-}
-
-export const ROLE_PERMISSION_LIST = [
-  {
-    icon: EventIcon,
-    title: "Event creation",
-    description:
-      "Allow users to enter event info, create tickets & customize order forms",
-    checkbox: [
-      "Create Events",
-      "Edit Event Details",
-      "Manage event status",
-      "Manage tickets",
-      "Manage Collections",
-    ],
-  },
-  {
-    icon: BookingIcon,
-    title: "Booking",
-    description:
-      "Allow users to manage performers, their invitations and statuses",
-    checkbox: [
-      "Access the roster page and view performer profiles",
-      "Edit performer profiles",
-      "Send booking invitations",
-      "Manually confirm/decline performers to spots",
-      "Send avails requests",
-    ],
-  },
-  {
-    icon: VenueIcon,
-    title: "Venue creation",
-    description: "Allow users to create new venues",
-    checkbox: ["Add/edit/delete venues"],
-  },
-  {
-    icon: MarketingIcon,
-    title: "Marketing",
-    description:
-      "Sell more tickets by creating campaigns, tracking engagements, etc.",
-    checkbox: [
-      "Access social media posts",
-      "Manage tracking links",
-      "Manage promo codes",
-    ],
-  },
-  {
-    icon: OrdersIcon,
-    title: "Orders & attendees",
-    description:
-      "Allow users to view, update & refund orders, manage attendee guest or waitlists & release tickets",
-    checkbox: [
-      "Add attendees",
-      "Manage orders, refunds, transfers and attendees",
-      "View list of attendees",
-      "Check in attendees",
-      "Resend confirmation emails",
-      "Override ticket restrictions",
-      "Sell tickets at the door",
-      "Revoke and reissue barcodes",
-    ],
-  },
-  {
-    icon: OrganisationIcon,
-    title: "Organization",
-    description:
-      "Keep your users organized with assigned permissions per user, enable access to APIs & extensions",
-    checkbox: [
-      "Manage organization members & permissions",
-      "Edit organization infomation",
-    ],
-  },
-  {
-    icon: EmailIcon,
-    title: "Contacts",
-    description:
-      "Keep our users in the loop, select which emails you would like them to receive",
-    checkbox: ["Email attendees", "Email/SMS performers"],
-  },
-  {
-    icon: ReportingIcon,
-    title: "Reporting",
-    description:
-      "Allow users to access, filter & export data across your organization",
-    checkbox: ["Access reports pages"],
-  },
-  {
-    icon: PayoutIcon,
-    title: "Payouts & billing",
-    description:
-      "Users can configure payout methods, manage event payment options & track financials with reporting",
-    checkbox: ["Manage financial accounts (Stripe)"],
-  },
-];
-
-/**
- * Parse a location string into street address and city/state/zip components
- * @param {string} locationString - Full location string (e.g., "3400 Warner Blvd, Burbank, CA 91505")
- * @returns {{street: string, cityStateZip: string}} Parsed location object
- */
-export function parseLocation(locationString) {
-  if (!locationString) return { street: '', cityStateZip: '' };
-
-  // Split by comma to separate components
-  const parts = locationString.split(',').map(part => part.trim());
-
-  if (parts.length >= 3) {
-    // Format: "3400 Warner Blvd, Burbank, CA 91505"
-    const street = parts[0];
-    const cityStateZip = parts.slice(1).join(', ');
-    return { street, cityStateZip };
-  } else if (parts.length === 2) {
-    // Format: "Street, City State Zip"
-    return { street: parts[0], cityStateZip: parts[1] };
-  } else {
-    // Single part or unexpected format
-    return { street: locationString, cityStateZip: '' };
-  }
-}
-
-/**
- * Set authentication cookies with proper domain and security settings
- * @param {string} token - Authentication token
- * @param {Object} userDetails - User details object
- */
-export function setAuthCookies(token, userDetails, rememberMe = true) {
-  const isProd = window.location.hostname.includes("get-micdrop.com");
-  const domainAttr = isProd ? "domain=.get-micdrop.com;" : "";
-  const secureAttr = window.location.protocol === "https:" ? "secure;" : "";
-  const maxAge = rememberMe ? "max-age=2592000;" : ""; // 30 days or session
-
-  document.cookie = `performer_token=${token}; path=/; ${maxAge} ${domainAttr} ${secureAttr} samesite=lax`;
-  document.cookie = `userDetails=${encodeURIComponent(
-    JSON.stringify(userDetails),
-  )}; path=/; ${maxAge} ${domainAttr} ${secureAttr} samesite=lax`;
-}
-
-/**
- * Clear authentication cookies
- */
-export function clearAuthCookies() {
-  const isProd = window.location.hostname.includes("get-micdrop.com");
-  const domainAttr = isProd ? "domain=.get-micdrop.com;" : "";
-
-  document.cookie = `userDetails=; path=/; max-age=0; ${domainAttr}`;
-  document.cookie = `performer_token=; path=/; max-age=0; ${domainAttr}`;
-}
-
-// Export microphone placeholder for universal event image fallback
-export { microphonePlaceholder };
-
-// ============================================
-// COOKIE UTILITIES
-// ============================================
-
-/**
- * Parse all cookies into an object
- * @returns {Record<string, string>} Cookie key-value pairs
- */
-export function parseCookies() {
-  if (typeof document === "undefined") return {};
-  return document.cookie.split("; ").reduce((acc, cookie) => {
-    if (!cookie) return acc;
-    const [name, ...valueParts] = cookie.split("=");
-    acc[name] = decodeURIComponent(valueParts.join("="));
-    return acc;
-  }, {});
-}
-
-/**
- * Get a specific cookie value
- * @param {string} name - Cookie name
- * @returns {string|null} Cookie value or null
- */
-export function getCookie(name) {
-  const cookies = parseCookies();
-  return cookies[name] || null;
-}
-
-/**
- * Set a cookie with options
- * @param {string} name - Cookie name
- * @param {string} value - Cookie value
- * @param {Object} options - Cookie options
- */
-export function setCookie(name, value, options = {}) {
-  const isProd = typeof window !== "undefined" && window.location.hostname.includes("get-micdrop.com");
-  const domainAttr = isProd ? "domain=.get-micdrop.com;" : "";
-  const secureAttr = typeof window !== "undefined" && window.location.protocol === "https:" ? "secure;" : "";
-  const maxAge = options.maxAge ? `max-age=${options.maxAge};` : "";
-  const path = options.path || "/";
-
-  document.cookie = `${name}=${encodeURIComponent(value)}; path=${path}; ${maxAge} ${domainAttr} ${secureAttr} samesite=lax`;
-}
-
-/**
- * Get the performer token from cookies
- * @returns {string|null} Token or null
- */
-export function getPerformerToken() {
-  return getCookie("performer_token");
-}
-
-/**
- * Get user details from cookies
- * @returns {Object|null} User details or null
- */
-export function getUserDetails() {
-  const details = getCookie("userDetails");
-  if (!details) return null;
-  try {
-    return JSON.parse(details);
-  } catch {
-    return null;
-  }
-}
-
-/**
- * Get suppressed alerts from cookies
- * @returns {string[]} Array of suppressed alert IDs
- */
-export function getSuppressedAlerts() {
-  const alerts = getCookie("suppressedAlerts");
-  if (!alerts) return [];
-  try {
-    return JSON.parse(alerts);
-  } catch {
-    return [];
-  }
-}
-
-/**
- * Save suppressed alerts to cookies
- * @param {string[]} alertIds - Array of alert IDs to suppress
- */
-export function saveSuppressedAlerts(alertIds) {
-  setCookie("suppressedAlerts", JSON.stringify(alertIds), { maxAge: 31536000 }); // 1 year
-}
-
-// ============================================
-// DATA FETCHING UTILITIES
-// ============================================
-
-/**
- * Fetch data from an API endpoint with error handling
- * @param {string} endpoint - API endpoint
- * @param {Object} options - Fetch options
- * @returns {Promise<{data: any, error: string|null}>}
- */
-export async function fetchData(endpoint, options = {}) {
-  try {
-    const res = await fetch(endpoint, {
-      headers: { "Content-Type": "application/json", ...options.headers },
-      ...options,
-    });
-
-    if (!res.ok) {
-      const errorText = await res.text().catch(() => "Unknown error");
-      throw new Error(errorText || `Request failed with status ${res.status}`);
-    }
-
-    const data = await res.json();
-    return { data, error: null };
-  } catch (err) {
-    return { data: null, error: err.message };
-  }
-}
-
+import { twMerge } from "tailwind-merge";
+import clsx from "clsx";
+import EventIcon from "../assets/svg/role/event.svg";
+import BookingIcon from "../assets/svg/role/booking.svg";
+import EmailIcon from "../assets/svg/role/emails.svg";
+import VenueIcon from "../assets/svg/role/venue.svg";
+import PayoutIcon from "../assets/svg/role/payout.svg";
+import MarketingIcon from "../assets/svg/role/marketing.svg";
+import OrdersIcon from "../assets/svg/role/orders.svg";
+import OrganisationIcon from "../assets/svg/role/organisation.svg";
+import ReportingIcon from "../assets/svg/role/reporting.svg";
+import microphonePlaceholder from "../assets/images/microphone.png";
+
+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 cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export function getDays(params) {
+  if (params === "weeks") {
+    return [
+      { value: "monday", label: "Monday" },
+      { value: "tuesday", label: "Tuesday" },
+      { value: "wednesday", label: "Wednesday" },
+      { value: "thursday", label: "Thursday" },
+      { value: "friday", label: "Friday" },
+    ];
+  } else {
+    return Array.from({ length: 31 }, (_, i) => {
+      const day = i + 1;
+      const suffix =
+        day % 10 === 1 && day !== 11
+          ? "st"
+          : day % 10 === 2 && day !== 12
+            ? "nd"
+            : day % 10 === 3 && day !== 13
+              ? "rd"
+              : "th";
+      return {
+        value: day.toString(),
+        label: day + suffix,
+      };
+    });
+  }
+}
+
+// Function to get days number options based on selected time unit
+export function getDaysNumberOptions(timeUnit) {
+  if (timeUnit === "months") {
+    return Array.from({ length: 12 }, (_, i) => ({
+      value: (i + 1).toString(),
+      label: (i + 1).toString(),
+    }));
+  } else if (timeUnit === "weeks") {
+    return Array.from({ length: 10 }, (_, i) => ({
+      value: (i + 1).toString(),
+      label: (i + 1).toString(),
+    }));
+  } else {
+    return Array.from({ length: 31 }, (_, i) => ({
+      value: (i + 1).toString(),
+      label: (i + 1).toString(),
+    }));
+  }
+}
+
+export const ROLE_PERMISSION_LIST = [
+  {
+    icon: EventIcon,
+    title: "Event creation",
+    description:
+      "Allow users to enter event info, create tickets & customize order forms",
+    checkbox: [
+      "Create Events",
+      "Edit Event Details",
+      "Manage event status",
+      "Manage tickets",
+      "Manage Collections",
+    ],
+  },
+  {
+    icon: BookingIcon,
+    title: "Booking",
+    description:
+      "Allow users to manage performers, their invitations and statuses",
+    checkbox: [
+      "Access the roster page and view performer profiles",
+      "Edit performer profiles",
+      "Send booking invitations",
+      "Manually confirm/decline performers to spots",
+      "Send avails requests",
+    ],
+  },
+  {
+    icon: VenueIcon,
+    title: "Venue creation",
+    description: "Allow users to create new venues",
+    checkbox: ["Add/edit/delete venues"],
+  },
+  {
+    icon: MarketingIcon,
+    title: "Marketing",
+    description:
+      "Sell more tickets by creating campaigns, tracking engagements, etc.",
+    checkbox: [
+      "Access social media posts",
+      "Manage tracking links",
+      "Manage promo codes",
+    ],
+  },
+  {
+    icon: OrdersIcon,
+    title: "Orders & attendees",
+    description:
+      "Allow users to view, update & refund orders, manage attendee guest or waitlists & release tickets",
+    checkbox: [
+      "Add attendees",
+      "Manage orders, refunds, transfers and attendees",
+      "View list of attendees",
+      "Check in attendees",
+      "Resend confirmation emails",
+      "Override ticket restrictions",
+      "Sell tickets at the door",
+      "Revoke and reissue barcodes",
+    ],
+  },
+  {
+    icon: OrganisationIcon,
+    title: "Organization",
+    description:
+      "Keep your users organized with assigned permissions per user, enable access to APIs & extensions",
+    checkbox: [
+      "Manage organization members & permissions",
+      "Edit organization infomation",
+    ],
+  },
+  {
+    icon: EmailIcon,
+    title: "Contacts",
+    description:
+      "Keep our users in the loop, select which emails you would like them to receive",
+    checkbox: ["Email attendees", "Email/SMS performers"],
+  },
+  {
+    icon: ReportingIcon,
+    title: "Reporting",
+    description:
+      "Allow users to access, filter & export data across your organization",
+    checkbox: ["Access reports pages"],
+  },
+  {
+    icon: PayoutIcon,
+    title: "Payouts & billing",
+    description:
+      "Users can configure payout methods, manage event payment options & track financials with reporting",
+    checkbox: ["Manage financial accounts (Stripe)"],
+  },
+];
+
+/**
+ * Parse a location string into street address and city/state/zip components
+ * @param {string} locationString - Full location string (e.g., "3400 Warner Blvd, Burbank, CA 91505")
+ * @returns {{street: string, cityStateZip: string}} Parsed location object
+ */
+export function parseLocation(locationString) {
+  if (!locationString) return { street: '', cityStateZip: '' };
+
+  // Split by comma to separate components
+  const parts = locationString.split(',').map(part => part.trim());
+
+  if (parts.length >= 3) {
+    // Format: "3400 Warner Blvd, Burbank, CA 91505"
+    const street = parts[0];
+    const cityStateZip = parts.slice(1).join(', ');
+    return { street, cityStateZip };
+  } else if (parts.length === 2) {
+    // Format: "Street, City State Zip"
+    return { street: parts[0], cityStateZip: parts[1] };
+  } else {
+    // Single part or unexpected format
+    return { street: locationString, cityStateZip: '' };
+  }
+}
+
+/**
+ * Set authentication cookies with proper domain and security settings
+ * @param {string} token - Authentication token
+ * @param {Object} userDetails - User details object
+ */
+export function setAuthCookies(token, userDetails, rememberMe = true) {
+  const isProd = window.location.hostname.includes("get-micdrop.com");
+  const domainAttr = isProd ? "domain=.get-micdrop.com;" : "";
+  const secureAttr = window.location.protocol === "https:" ? "secure;" : "";
+  const maxAge = rememberMe ? "max-age=2592000;" : ""; // 30 days or session
+
+  document.cookie = `performer_token=${token}; path=/; ${maxAge} ${domainAttr} ${secureAttr} samesite=lax`;
+  document.cookie = `userDetails=${encodeURIComponent(
+    JSON.stringify(userDetails),
+  )}; path=/; ${maxAge} ${domainAttr} ${secureAttr} samesite=lax`;
+}
+
+/**
+ * Clear authentication cookies
+ */
+export function clearAuthCookies() {
+  const isProd = window.location.hostname.includes("get-micdrop.com");
+  const domainAttr = isProd ? "domain=.get-micdrop.com;" : "";
+
+  document.cookie = `userDetails=; path=/; max-age=0; ${domainAttr}`;
+  document.cookie = `performer_token=; path=/; max-age=0; ${domainAttr}`;
+}
+
+// Export microphone placeholder for universal event image fallback
+export { microphonePlaceholder };
+
+// ============================================
+// COOKIE UTILITIES
+// ============================================
+
+/**
+ * Parse all cookies into an object
+ * @returns {Record<string, string>} Cookie key-value pairs
+ */
+export function parseCookies() {
+  if (typeof document === "undefined") return {};
+  return document.cookie.split("; ").reduce((acc, cookie) => {
+    if (!cookie) return acc;
+    const [name, ...valueParts] = cookie.split("=");
+    acc[name] = decodeURIComponent(valueParts.join("="));
+    return acc;
+  }, {});
+}
+
+/**
+ * Get a specific cookie value
+ * @param {string} name - Cookie name
+ * @returns {string|null} Cookie value or null
+ */
+export function getCookie(name) {
+  const cookies = parseCookies();
+  return cookies[name] || null;
+}
+
+/**
+ * Set a cookie with options
+ * @param {string} name - Cookie name
+ * @param {string} value - Cookie value
+ * @param {Object} options - Cookie options
+ */
+export function setCookie(name, value, options = {}) {
+  const isProd = typeof window !== "undefined" && window.location.hostname.includes("get-micdrop.com");
+  const domainAttr = isProd ? "domain=.get-micdrop.com;" : "";
+  const secureAttr = typeof window !== "undefined" && window.location.protocol === "https:" ? "secure;" : "";
+  const maxAge = options.maxAge ? `max-age=${options.maxAge};` : "";
+  const path = options.path || "/";
+
+  document.cookie = `${name}=${encodeURIComponent(value)}; path=${path}; ${maxAge} ${domainAttr} ${secureAttr} samesite=lax`;
+}
+
+/**
+ * Get the performer token from cookies
+ * @returns {string|null} Token or null
+ */
+export function getPerformerToken() {
+  return getCookie("performer_token");
+}
+
+/**
+ * Get user details from cookies
+ * @returns {Object|null} User details or null
+ */
+export function getUserDetails() {
+  const details = getCookie("userDetails");
+  if (!details) return null;
+  try {
+    return JSON.parse(details);
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Get suppressed alerts from cookies
+ * @returns {string[]} Array of suppressed alert IDs
+ */
+export function getSuppressedAlerts() {
+  const alerts = getCookie("suppressedAlerts");
+  if (!alerts) return [];
+  try {
+    return JSON.parse(alerts);
+  } catch {
+    return [];
+  }
+}
+
+/**
+ * Save suppressed alerts to cookies
+ * @param {string[]} alertIds - Array of alert IDs to suppress
+ */
+export function saveSuppressedAlerts(alertIds) {
+  setCookie("suppressedAlerts", JSON.stringify(alertIds), { maxAge: 31536000 }); // 1 year
+}
+
+// ============================================
+// DATA FETCHING UTILITIES
+// ============================================
+
+/**
+ * Fetch data from an API endpoint with error handling
+ * @param {string} endpoint - API endpoint
+ * @param {Object} options - Fetch options
+ * @returns {Promise<{data: any, error: string|null}>}
+ */
+export async function fetchData(endpoint, options = {}) {
+  try {
+    const res = await fetch(endpoint, {
+      headers: { "Content-Type": "application/json", ...options.headers },
+      ...options,
+    });
+
+    if (!res.ok) {
+      const errorText = await res.text().catch(() => "Unknown error");
+      throw new Error(errorText || `Request failed with status ${res.status}`);
+    }
+
+    const data = await res.json();
+    return { data, error: null };
+  } catch (err) {
+    return { data: null, error: err.message };
+  }
+}
+
 /**
  * Post data to an API endpoint
  * @param {string} endpoint - API endpoint