@getmicdrop/svelte-components 5.3.13 → 5.3.14

package/dist/constants/formOptions.d.ts

@@ -1,21 +1,26 @@
 /**
- * Form options for dropdowns used across the performers portal.
+ * Form options for dropdowns used across all Micdrop applications.
  * Use these with Select and MultiSelect components instead of
  * creating wrapper components like GenderInput or EthnicityDropdown.
  *
  * Example:
- *   import { GENDER_OPTIONS } from './formOptions';
+ *   import { GENDER_OPTIONS } from '@getmicdrop/svelte-components/constants/formOptions';
  *   <Select items={GENDER_OPTIONS} label="Gender" />
  */
 export const GENDER_OPTIONS: ({
     name: string;
-    value: number;
+    value: null;
 } | {
     name: string;
-    value: null;
+    value: number;
 })[];
+export const GENDER_OPTIONS_VALUE_LABEL: {
+    value: number;
+    label: string;
+}[];
 export const ETHNICITY_OPTIONS: {
     name: string;
     value: number;
 }[];
+export const ETHNICITY_NAMES: string[];
 //# sourceMappingURL=formOptions.d.ts.map

package/dist/constants/formOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formOptions.d.ts","sourceRoot":"","sources":["../../src/lib/constants/formOptions.js"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;KAKE;AAEF;;;IAQE"}
+{"version":3,"file":"formOptions.d.ts","sourceRoot":"","sources":["../../src/lib/constants/formOptions.js"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH;;;;;;KAME;AAGF;;;IAKE;AAGF;;;IAQE;AAGF,uCAQE"}

package/dist/constants/formOptions.js

@@ -1,26 +1,48 @@
-/**
- * Form options for dropdowns used across the performers portal.
- * Use these with Select and MultiSelect components instead of
- * creating wrapper components like GenderInput or EthnicityDropdown.
- *
- * Example:
- *   import { GENDER_OPTIONS } from './formOptions';
- *   <Select items={GENDER_OPTIONS} label="Gender" />
- */
-
-export const GENDER_OPTIONS = [
-  { name: "Male", value: 1 },
-  { name: "Female", value: 2 },
-  { name: "Non-binary", value: 3 },
-  { name: "Rather not say", value: null },
-];
-
-export const ETHNICITY_OPTIONS = [
-  { name: "American Indian or Alaska Native", value: 0 },
-  { name: "Asian", value: 1 },
-  { name: "Black or African American", value: 2 },
-  { name: "Hispanic or Latino", value: 3 },
-  { name: "Middle Eastern or North African", value: 4 },
-  { name: "Native Hawaiian or Pacific Islander", value: 5 },
-  { name: "White", value: 6 },
-];
+/**
+ * Form options for dropdowns used across all Micdrop applications.
+ * Use these with Select and MultiSelect components instead of
+ * creating wrapper components like GenderInput or EthnicityDropdown.
+ *
+ * Example:
+ *   import { GENDER_OPTIONS } from '@getmicdrop/svelte-components/constants/formOptions';
+ *   <Select items={GENDER_OPTIONS} label="Gender" />
+ */
+
+// Primary format: { name, value } for Select/MultiSelect components
+export const GENDER_OPTIONS = [
+  { name: "", value: null },
+  { name: "Male", value: 1 },
+  { name: "Female", value: 2 },
+  { name: "Non-binary", value: 3 },
+  { name: "Rather not say", value: 4 },
+];
+
+// Alternative format: { value, label } for components using that convention
+export const GENDER_OPTIONS_VALUE_LABEL = [
+  { value: 0, label: 'Male' },
+  { value: 1, label: 'Female' },
+  { value: 2, label: 'Non-binary' },
+  { value: 3, label: 'Rather not say' },
+];
+
+// Primary format: { name, value } for Select/MultiSelect components
+export const ETHNICITY_OPTIONS = [
+  { name: "American Indian or Alaska Native", value: 0 },
+  { name: "Asian", value: 1 },
+  { name: "Black or African American", value: 2 },
+  { name: "Hispanic or Latino", value: 3 },
+  { name: "Middle Eastern or North African", value: 4 },
+  { name: "Native Hawaiian or Pacific Islander", value: 5 },
+  { name: "White", value: 6 },
+];
+
+// Simple string array of ethnicity names (for backward compatibility)
+export const ETHNICITY_NAMES = [
+  "American Indian or Alaska Native",
+  "Asian",
+  "Black or African American",
+  "Hispanic or Latino",
+  "Middle Eastern or North African",
+  "Native Hawaiian or Pacific Islander",
+  "White",
+];

package/dist/index.d.ts

@@ -112,16 +112,6 @@ export { default as ShowTimeCard } from "./calendar/ShowTimeCard/ShowTimeCard.sv
 export * from "./constants/formOptions.js";
 export * from "./constants/validation.js";
 export * from "./presets/index.js";
-export * from "./utils/utils.js";
-export * from "./utils/utils/utils.js";
-export * from "./utils/greetings.js";
-export * from "./utils/imageValidation.js";
-export * from "./utils/apiConfig.js";
-export * from "./stores/toaster.js";
-export * from "./stores/navigation.js";
-export * from "./stores/auth.js";
-export * from "./config.js";
-export * from "./telemetry.js";
 export { portal } from "./utils/portal.js";
 export { typography } from "./tokens/typography.js";
 export { default as MiniMonthCalendar, default as Calendar } from "./calendar/Calendar/MiniMonthCalendar.svelte";

package/dist/index.js

@@ -216,22 +216,8 @@ export * from './constants/validation.js';
 // Presets - Domain-to-color mappings for migration
 export * from './presets/index.js';
 
-// Utils / Actions
-export { portal } from './utils/portal.js';
-export * from './utils/utils.js';
-export * from './utils/utils/utils.js';
-export * from './utils/greetings.js';
-export * from './utils/imageValidation.js';
-export * from './utils/apiConfig.js';
-
-// Stores
-export * from './stores/toaster.js';
-export * from './stores/navigation.js';
-export * from './stores/auth.js';
-
-// Config & Telemetry
-export * from './config.js';
-export * from './telemetry.js';
-
-// Design Tokens
-export { typography } from './tokens/typography.js';
+// Utils / Actions
+export { portal } from './utils/portal.js';
+
+// Design Tokens
+export { typography } from './tokens/typography.js';

package/dist/stores/auth.js

@@ -1,123 +1,36 @@
-import { writable, get, derived } from "svelte/store";
-import { jwtDecode } from "jwt-decode";
-
-// Store to manage authentication state
-export const auth = writable({
-  isAuthenticated: false,
-  token: null,
-  refreshToken: null,
-  userDetails: null, // To store email and first name
-  tokenExpiry: null, // Token expiration timestamp
-  permissions: null, // RBAC permissions
-  context: null, // User context (performer)
-});
-
-// Derived store for checking if user has performer permissions
-export const isPerformer = derived(auth, ($auth) =>
-  $auth.context?.contextType === 'performer' || $auth.isAuthenticated
-);
-
-// 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,
-    refreshToken: null,
-    userDetails: null,
-    tokenExpiry: null,
-    permissions: null,
-    context: null,
-  });
-};
-
-// Parse cookies helper
-const parseCookies = () => {
-  if (typeof document === "undefined") return {};
-  return Object.fromEntries(
-    document.cookie
-      .split("; ")
-      .filter(c => c)
-      .map((c) => c.split("="))
-      .map(([k, v]) => [k, decodeURIComponent(v || "")])
-  );
-};
-
-// Get token expiry from JWT
-const getTokenExpiry = (token) => {
-  if (!token) return null;
-  try {
-    const decoded = jwtDecode(token);
-    return decoded.exp ? decoded.exp * 1000 : null; // Convert to milliseconds
-  } catch {
-    return null;
-  }
-};
-
-// Check if token is expired or about to expire (within 5 minutes)
-export const isTokenExpiringSoon = (bufferMs = 5 * 60 * 1000) => {
-  const state = get(auth);
-  if (!state.tokenExpiry) return true;
-  return Date.now() >= (state.tokenExpiry - bufferMs);
-};
-
-// Initialize the store from cookies
-export const initializeAuthState = () => {
-  const cookies = parseCookies();
-
-  if (cookies.performer_token) {
-    const tokenExpiry = getTokenExpiry(cookies.performer_token);
-
-    setAuthState({
-      isAuthenticated: true,
-      token: cookies.performer_token,
-      refreshToken: cookies.performer_refresh_token || null,
-      userDetails: cookies.userDetails ? JSON.parse(cookies.userDetails) : null,
-      tokenExpiry,
-    });
-  }
-};
-
-// Update tokens after a refresh
-export const updateTokens = (accessToken, refreshToken) => {
-  auth.update(state => ({
-    ...state,
-    token: accessToken,
-    refreshToken: refreshToken || state.refreshToken,
-    tokenExpiry: getTokenExpiry(accessToken),
-  }));
-};
-
-// Update permissions
-export const setPermissions = (permissions) => {
-  auth.update(state => ({
-    ...state,
-    permissions,
-  }));
-};
-
-// Set user context
-export const setContext = (context) => {
-  auth.update(state => ({
-    ...state,
-    context,
-  }));
-};
-
-// Check if user has a specific permission
-export const hasPermission = (category, permission) => {
-  const state = get(auth);
-  if (!state.permissions) return false;
-
-  // Performers have limited permissions by design
-  return state.permissions[category]?.[permission] ?? false;
-};
-
-// Get current permissions
-export const getPermissions = () => {
-  return get(auth).permissions;
-};
+import { writable } from "svelte/store";
+
+// 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,
+    });
+  }
+};