@dcrackel/hematournamentui 1.0.712 → 1.0.714

package/src/stories/Util/Validations/PersonManagementValidations.js

@@ -1,45 +1,45 @@
-function isBlankHemaRatingsId(value) {
-  return value === undefined || value === null || (typeof value === 'string' && value.trim() === '');
-}
-
-function isPositiveIntegerId(value) {
-  if (!['string', 'number'].includes(typeof value)) return false;
-  if (typeof value === 'string' && !/^\d+$/.test(value.trim())) return false;
-  return Number.isSafeInteger(Number(value)) && Number(value) > 0;
-}
-
-function isInvalidHemaRatingsId(value) {
-  if (isBlankHemaRatingsId(value)) return false;
-  return !isPositiveIntegerId(value);
-}
-
-export function validateField(field, value) {
-  const rules = {
-    DisplayName: [
-      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
-      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
-    ],
-    LegalName: [
-      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
-      { check: v => v.trim().length < 4, message: 'Must be at least 4 characters.' }
-    ],
-    EmailAddress: [
-      { check: v => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: 'Must be a valid email address.' }
-    ],
-    HemaRatingsId: [{ check: isInvalidHemaRatingsId, message: 'Enter a positive whole-number ID, or leave it blank.' }],
-    SelectedClub: [
-      {
-        check: v =>
-          !v ||
-          (typeof v === 'string' && v.trim().length === 0) ||
-          (typeof v === 'object' && (!v.text || v.text.trim().length === 0)),
-        message: 'Please select a Club.'
-      }
-    ]
-  };
-
-  const ruleSet = rules[field] || [];
-  const failedRule = ruleSet.find(rule => rule.check(value));
-
-  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
-}
+function isBlankHemaRatingsId(value) {
+  return value === undefined || value === null || (typeof value === 'string' && value.trim() === '');
+}
+
+function isPositiveIntegerId(value) {
+  if (!['string', 'number'].includes(typeof value)) return false;
+  if (typeof value === 'string' && !/^\d+$/.test(value.trim())) return false;
+  return Number.isSafeInteger(Number(value)) && Number(value) > 0;
+}
+
+function isInvalidHemaRatingsId(value) {
+  if (isBlankHemaRatingsId(value)) return false;
+  return !isPositiveIntegerId(value);
+}
+
+export function validateField(field, value) {
+  const rules = {
+    DisplayName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
+    ],
+    LegalName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 4, message: 'Must be at least 4 characters.' }
+    ],
+    EmailAddress: [
+      { check: v => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: 'Must be a valid email address.' }
+    ],
+    HemaRatingsId: [{ check: isInvalidHemaRatingsId, message: 'Enter a positive whole-number ID, or leave it blank.' }],
+    SelectedClub: [
+      {
+        check: v =>
+          !v ||
+          (typeof v === 'string' && v.trim().length === 0) ||
+          (typeof v === 'object' && (!v.text || v.text.trim().length === 0)),
+        message: 'Please select a Club.'
+      }
+    ]
+  };
+
+  const ruleSet = rules[field] || [];
+  const failedRule = ruleSet.find(rule => rule.check(value));
+
+  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
+}

package/src/stories/Util/Validations/PriceValidation.js

@@ -1,6 +1,6 @@
-export function validatePrice(value) {
-  const amount = Number(value);
-  const invalid = !Number.isFinite(amount) || amount < 0;
-
-  return { invalid, message: invalid ? 'Price must be a non-negative number.' : '' };
-}
+export function validatePrice(value) {
+  const amount = Number(value);
+  const invalid = !Number.isFinite(amount) || amount < 0;
+
+  return { invalid, message: invalid ? 'Price must be a non-negative number.' : '' };
+}

package/src/stories/Util/boutDirectorAssignment.js

@@ -0,0 +1,46 @@
+const FINAL_ROUND_NAMES = new Set(['final', 'finals', 'grand final', 'grand finals', 'table of 2']);
+const isFinalBout = bout =>
+  FINAL_ROUND_NAMES.has(
+    String(bout?.RoundLabel || '')
+      .trim()
+      .toLowerCase()
+  );
+
+export const canAssignBoutDirector = bout =>
+  Boolean(bout?.BoutId) && String(bout.Status || '').toLowerCase() === 'scheduled' && !isFinalBout(bout);
+
+const openActionLabels = { active: 'Resume bout', completed: 'Edit bout' };
+
+export const canOpenBracketBout = bout => {
+  if (!bout?.BoutId) return false;
+  if (String(bout.Status || '').toLowerCase() === 'completed') return true;
+  return [bout.Person1, bout.Person2].every(
+    person => Number(person?.PersonId) > 0 && String(person?.DisplayName || '').toUpperCase() !== 'BYE'
+  );
+};
+
+const normalizeDirectorName = name => {
+  const value = String(name || '').trim();
+  return value.toLowerCase() === 'unassigned' ? '' : value;
+};
+
+const getAssignedDirectorName = (bout, plannedDirectorName) => {
+  const savedName = normalizeDirectorName(bout?.RefName);
+  if (!canAssignBoutDirector(bout)) return savedName;
+  return normalizeDirectorName(plannedDirectorName) || savedName;
+};
+
+export const createBoutActions = (bout, showAssignment, plannedDirectorName = '', plannedDirectorColor = '') => {
+  const canAssignDirector = showAssignment && canAssignBoutDirector(bout);
+  const directorName = getAssignedDirectorName(bout, plannedDirectorName);
+  const descriptionColor = directorName === normalizeDirectorName(plannedDirectorName) ? plannedDirectorColor : '';
+  const actions = [];
+  if (canOpenBracketBout(bout)) {
+    const label = openActionLabels[String(bout.Status || '').toLowerCase()] || 'Open bout';
+    actions.push({ id: 'open', label, description: canAssignDirector ? '' : directorName, descriptionColor });
+  }
+  if (canAssignDirector) {
+    actions.push({ id: 'assign-director', label: 'Assign Director', description: directorName, descriptionColor });
+  }
+  return actions;
+};

package/src/stories/Util/bracketDirectors.js

@@ -0,0 +1,86 @@
+export const getIdentityKey = value => String(value ?? '');
+export const cloneDirectorData = value => JSON.parse(JSON.stringify(value));
+const hasIdentity = value => value !== null && value !== undefined && String(value) !== '';
+const isDirector = director => hasIdentity(director?.PersonId) && getIdentityKey(director.PersonId) !== '0';
+
+export const getRingOptions = rings => {
+  const options = new Map();
+  for (const ring of rings || []) {
+    if (!hasIdentity(ring?.RingId)) continue;
+    options.set(getIdentityKey(ring.RingId), { ...ring, RingName: ring.RingName || 'Ring ' + ring.RingId });
+  }
+  return [...options.values()];
+};
+
+const getDirectorOptions = (availableDirectors, stations) => {
+  const options = new Map();
+  for (const director of availableDirectors || []) {
+    if (isDirector(director)) options.set(getIdentityKey(director.PersonId), cloneDirectorData(director));
+  }
+  for (const station of stations || []) {
+    const director = station?.Director;
+    if (!isDirector(director) || options.has(getIdentityKey(director.PersonId))) continue;
+    options.set(getIdentityKey(director.PersonId), cloneDirectorData(director));
+  }
+  return [...options.values()];
+};
+
+export const createDirectorDraft = (availableDirectors, stations) => {
+  const stationByDirector = new Map(
+    (stations || [])
+      .filter(station => isDirector(station?.Director))
+      .map(station => [getIdentityKey(station.Director.PersonId), station])
+  );
+  return getDirectorOptions(availableDirectors, stations).map(candidate => {
+    const station = stationByDirector.get(getIdentityKey(candidate.PersonId));
+    const savedStation = station ? cloneDirectorData(station) : {};
+    const { DefaultRingId, Color, ...director } = candidate;
+    return {
+      Director: { ...savedStation.Director, ...director, DisplayName: director.DisplayName || 'Unnamed director' },
+      Color: savedStation.Color || Color || '',
+      RingId: savedStation.RingId ?? DefaultRingId ?? '',
+      Selected: Boolean(station),
+      station: savedStation
+    };
+  });
+};
+
+export const reconcileDirectorDraft = (availableDirectors, stations, draft) => {
+  const previous = new Map(draft.map(row => [getIdentityKey(row.Director.PersonId), row]));
+  return createDirectorDraft(availableDirectors, stations).map(row => {
+    const existing = previous.get(getIdentityKey(row.Director.PersonId));
+    if (!existing) return row;
+    return { ...row, Selected: existing.Selected, RingId: existing.RingId };
+  });
+};
+
+export const getDirectorDraftError = (draft, rings) => {
+  const selected = draft.filter(row => row.Selected);
+  const availableIds = new Set(
+    getRingOptions(rings)
+      .filter(ring => !ring.Disabled)
+      .map(ring => getIdentityKey(ring.RingId))
+  );
+  if (selected.some(row => !availableIds.has(getIdentityKey(row.RingId))))
+    return 'Choose a ring for each selected director.';
+  const selectedIds = selected.map(row => getIdentityKey(row.RingId));
+  if (new Set(selectedIds).size !== selectedIds.length) return 'Each selected director needs a different ring.';
+  return '';
+};
+
+export const createDirectorStations = (draft, rings) => {
+  if (getDirectorDraftError(draft, rings)) return null;
+  const ringById = new Map(getRingOptions(rings).map(ring => [getIdentityKey(ring.RingId), ring]));
+  return draft
+    .filter(row => row.Selected)
+    .map(row => {
+      const ring = ringById.get(getIdentityKey(row.RingId));
+      return cloneDirectorData({
+        ...row.station,
+        RingId: ring.RingId,
+        RingName: ring.RingName,
+        Color: row.Color || ring.Color || '',
+        Director: row.Director
+      });
+    });
+};

package/src/stories/Util/registrationStatus.js

@@ -1,11 +1,11 @@
-const statusLabels = new Map([
-  ['open', 'Open'],
-  ['waitlist', 'Waitlist'],
-  ['full', 'Full'],
-  ['closed', 'Closed']
-]);
-
-export function getRegistrationStatusLabel(status) {
-  const value = typeof status === 'string' ? status.trim().toLowerCase() : '';
-  return statusLabels.get(value) ?? '';
-}
+const statusLabels = new Map([
+  ['open', 'Open'],
+  ['waitlist', 'Waitlist'],
+  ['full', 'Full'],
+  ['closed', 'Closed']
+]);
+
+export function getRegistrationStatusLabel(status) {
+  const value = typeof status === 'string' ? status.trim().toLowerCase() : '';
+  return statusLabels.get(value) ?? '';
+}

package/src/stories/Util/tabs.js

@@ -1,52 +1,24 @@
-export const tabs = (role, isMobile) => {
-  if (role.toLocaleLowerCase() === 'admin' || role.toLocaleLowerCase() === 'club') {
-    if (isMobile) {
-      return [
-        {
-          id: 'Settings',
-          label: 'Settings',
-          color: 'primaryHighlight',
-          icon: 'fa-cog',
-          group: 'Settings',
-          children: [
-            { id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt' },
-            { id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog' },
-            { id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv' },
-            { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank' }
-          ]
-        },
-        { id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check' },
-        { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
-        { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
-        { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
-        { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' }
-      ];
-    }
+const directingTabs = [
+  { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
+  { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
+  { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
+  { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' },
+  { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank' }
+];
 
-    return [
-      { id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt' },
-      { id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog' },
-      { id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv' },
-      { id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check' },
-      { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
-      { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
-      { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
-      { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' },
-      { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards' }
-    ];
-  }
-
-  if (role.toLocaleLowerCase() === 'director') {
-    return [
-      { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
-      { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
-      { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
-      { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' },
-      { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank' }
-    ];
-  }
+const organisingTabs = [
+  { id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt', mobileHidden: true },
+  { id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog', mobileHidden: true },
+  { id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv', mobileHidden: true },
+  { id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check', mobileHidden: true }
+];
 
-  return [];
+export const tabs = (role, isMobile = false) => {
+  const normalizedRole = String(role || '').toLowerCase();
+  const isOrganiser = ['admin', 'club'].includes(normalizedRole);
+  if (!isOrganiser && normalizedRole !== 'director') return [];
+  if (isMobile || !isOrganiser) return directingTabs.map(tab => ({ ...tab }));
+  return [...organisingTabs, ...directingTabs].map(tab => ({ ...tab }));
 };
 
 export const personProfileTabs = role => {