@dcrackel/hematournamentui 1.0.712 → 1.0.713

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/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 => {