@burdenoff/microfe-atheletebridge 2026.628.1 → 2026.705.1

package/dist/atheletebridge/pages/teams/TeamFormPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/teams/TeamFormPage.tsx"],"sourcesContent":["/**\n * Team Create / Edit Form\n * @module atheletebridge/pages/teams\n */\n\nimport { useEffect, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { SPORT_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useTeam,\n  useCreateTeam,\n  useUpdateTeam,\n} from '../../hooks/useAthleteBridgeApi';\nimport type { AthSport, AthTeamStatus } from '../../types';\n\nconst SPORTS = Object.keys(SPORT_LABELS) as AthSport[];\nconst STATUSES: AthTeamStatus[] = ['FORMING', 'ACTIVE', 'INACTIVE', 'ARCHIVED'];\n\ninterface TeamFormState {\n  name: string;\n  sport: AthSport;\n  status: AthTeamStatus;\n  description: string;\n  ageGroup: string;\n  season: string;\n  homeVenue: string;\n  tagsText: string;\n}\n\nconst EMPTY_FORM: TeamFormState = {\n  name: '',\n  sport: 'OTHER',\n  status: 'FORMING',\n  description: '',\n  ageGroup: '',\n  season: '',\n  homeVenue: '',\n  tagsText: '',\n};\n\nexport function TeamFormPage() {\n  const { id } = useParams<{ id: string }>();\n  const isEdit = Boolean(id);\n  const { navigateTo } = useAthleteBridge();\n\n  const existing = useTeam(id);\n  const createTeam = useCreateTeam();\n  const updateTeam = useUpdateTeam();\n\n  const [form, setForm] = useState<TeamFormState>(EMPTY_FORM);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const team = existing.data;\n    if (isEdit && team) {\n      setForm({\n        name: team.name,\n        sport: team.sport,\n        status: team.status,\n        description: team.description ?? '',\n        ageGroup: team.ageGroup ?? '',\n        season: team.season ?? '',\n        homeVenue: team.homeVenue ?? '',\n        tagsText: team.tags.join(', '),\n      });\n    }\n  }, [isEdit, existing.data]);\n\n  const set = <K extends keyof TeamFormState>(key: K, value: TeamFormState[K]) =>\n    setForm((prev) => ({ ...prev, [key]: value }));\n\n  const parseTags = (text: string): string[] =>\n    text\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!form.name.trim()) {\n      setError('Team name is required.');\n      return;\n    }\n\n    const tags = parseTags(form.tagsText);\n\n    try {\n      if (isEdit && id) {\n        await updateTeam.mutateAsync({\n          id,\n          input: {\n            name: form.name.trim(),\n            sport: form.sport,\n            status: form.status,\n            description: form.description.trim() || undefined,\n            ageGroup: form.ageGroup.trim() || undefined,\n            season: form.season.trim() || undefined,\n            homeVenue: form.homeVenue.trim() || undefined,\n            tags,\n          },\n        });\n        navigateTo(`/teams/${id}`);\n      } else {\n        const created = await createTeam.mutateAsync({\n          name: form.name.trim(),\n          sport: form.sport,\n          status: form.status,\n          description: form.description.trim() || undefined,\n          ageGroup: form.ageGroup.trim() || undefined,\n          season: form.season.trim() || undefined,\n          homeVenue: form.homeVenue.trim() || undefined,\n          tags,\n        });\n        navigateTo(`/teams/${created.id}`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to save team.');\n    }\n  };\n\n  const saving = createTeam.isPending || updateTeam.isPending;\n\n  if (isEdit && existing.isLoading) {\n    return (\n      <PageLayout title=\"Edit team\">\n        <LoadingState label=\"Loading team…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isEdit && (existing.isError || (!existing.isLoading && !existing.data))) {\n    return (\n      <PageLayout title=\"Edit team\">\n        <ErrorState\n          title=\"Team not found\"\n          message=\"This team does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/teams')}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={isEdit ? 'Edit team' : 'New team'}\n      description={isEdit ? 'Update the squad details.' : 'Create a new squad to build a roster.'}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo(isEdit && id ? `/teams/${id}` : '/teams')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        <FormField label=\"Team name\" htmlFor=\"name\" required>\n          <input\n            id=\"name\"\n            className={fieldInputClass}\n            value={form.name}\n            onChange={(e) => set('name', e.target.value)}\n            placeholder=\"e.g. Riverside United U18\"\n          />\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Sport\" htmlFor=\"sport\">\n            <select\n              id=\"sport\"\n              className={fieldInputClass}\n              value={form.sport}\n              onChange={(e) => set('sport', e.target.value as AthSport)}\n            >\n              {SPORTS.map((s) => (\n                <option key={s} value={s}>\n                  {SPORT_LABELS[s]}\n                </option>\n              ))}\n            </select>\n          </FormField>\n\n          <FormField label=\"Status\" htmlFor=\"status\">\n            <select\n              id=\"status\"\n              className={fieldInputClass}\n              value={form.status}\n              onChange={(e) => set('status', e.target.value as AthTeamStatus)}\n            >\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {s.charAt(0) + s.slice(1).toLowerCase()}\n                </option>\n              ))}\n            </select>\n          </FormField>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Age group\" htmlFor=\"ageGroup\">\n            <input\n              id=\"ageGroup\"\n              className={fieldInputClass}\n              value={form.ageGroup}\n              onChange={(e) => set('ageGroup', e.target.value)}\n              placeholder=\"e.g. U18\"\n            />\n          </FormField>\n\n          <FormField label=\"Season\" htmlFor=\"season\">\n            <input\n              id=\"season\"\n              className={fieldInputClass}\n              value={form.season}\n              onChange={(e) => set('season', e.target.value)}\n              placeholder=\"e.g. 2025/26\"\n            />\n          </FormField>\n        </div>\n\n        <FormField label=\"Home venue\" htmlFor=\"homeVenue\">\n          <input\n            id=\"homeVenue\"\n            className={fieldInputClass}\n            value={form.homeVenue}\n            onChange={(e) => set('homeVenue', e.target.value)}\n            placeholder=\"e.g. Riverside Stadium\"\n          />\n        </FormField>\n\n        <FormField label=\"Description\" htmlFor=\"description\">\n          <textarea\n            id=\"description\"\n            className={fieldInputClass}\n            rows={3}\n            value={form.description}\n            onChange={(e) => set('description', e.target.value)}\n            placeholder=\"A short description of the team.\"\n          />\n        </FormField>\n\n        <FormField\n          label=\"Tags\"\n          htmlFor=\"tags\"\n          hint=\"Comma-separated, e.g. youth, development, first-team.\"\n        >\n          <input\n            id=\"tags\"\n            className={fieldInputClass}\n            value={form.tagsText}\n            onChange={(e) => set('tagsText', e.target.value)}\n            placeholder=\"youth, development\"\n          />\n        </FormField>\n\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n        <div className=\"flex items-center gap-3 pt-2\">\n          <button\n            type=\"submit\"\n            disabled={saving}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n          >\n            {saving ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Save className=\"h-4 w-4\" />}\n            {isEdit ? 'Save changes' : 'Create team'}\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/teams/TeamFormPage.tsx"],"sourcesContent":["/**\n * Team Create / Edit Form\n * @module atheletebridge/pages/teams\n */\n\nimport { useEffect, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { SPORT_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useTeam, useCreateTeam, useUpdateTeam } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSport, AthTeamStatus } from '../../types';\n\nconst SPORTS = Object.keys(SPORT_LABELS) as AthSport[];\nconst STATUSES: AthTeamStatus[] = ['FORMING', 'ACTIVE', 'INACTIVE', 'ARCHIVED'];\n\ninterface TeamFormState {\n  name: string;\n  sport: AthSport;\n  status: AthTeamStatus;\n  description: string;\n  ageGroup: string;\n  season: string;\n  homeVenue: string;\n  tagsText: string;\n}\n\nconst EMPTY_FORM: TeamFormState = {\n  name: '',\n  sport: 'OTHER',\n  status: 'FORMING',\n  description: '',\n  ageGroup: '',\n  season: '',\n  homeVenue: '',\n  tagsText: '',\n};\n\nexport function TeamFormPage() {\n  const { id } = useParams<{ id: string }>();\n  const isEdit = Boolean(id);\n  const { navigateTo } = useAthleteBridge();\n\n  const existing = useTeam(id);\n  const createTeam = useCreateTeam();\n  const updateTeam = useUpdateTeam();\n\n  const [form, setForm] = useState<TeamFormState>(EMPTY_FORM);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const team = existing.data;\n    if (isEdit && team) {\n      setForm({\n        name: team.name,\n        sport: team.sport,\n        status: team.status,\n        description: team.description ?? '',\n        ageGroup: team.ageGroup ?? '',\n        season: team.season ?? '',\n        homeVenue: team.homeVenue ?? '',\n        tagsText: team.tags.join(', '),\n      });\n    }\n  }, [isEdit, existing.data]);\n\n  const set = <K extends keyof TeamFormState>(key: K, value: TeamFormState[K]) =>\n    setForm((prev) => ({ ...prev, [key]: value }));\n\n  const parseTags = (text: string): string[] =>\n    text\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!form.name.trim()) {\n      setError('Team name is required.');\n      return;\n    }\n\n    const tags = parseTags(form.tagsText);\n\n    try {\n      if (isEdit && id) {\n        await updateTeam.mutateAsync({\n          id,\n          input: {\n            name: form.name.trim(),\n            sport: form.sport,\n            status: form.status,\n            description: form.description.trim() || undefined,\n            ageGroup: form.ageGroup.trim() || undefined,\n            season: form.season.trim() || undefined,\n            homeVenue: form.homeVenue.trim() || undefined,\n            tags,\n          },\n        });\n        navigateTo(`/teams/${id}`);\n      } else {\n        const created = await createTeam.mutateAsync({\n          name: form.name.trim(),\n          sport: form.sport,\n          status: form.status,\n          description: form.description.trim() || undefined,\n          ageGroup: form.ageGroup.trim() || undefined,\n          season: form.season.trim() || undefined,\n          homeVenue: form.homeVenue.trim() || undefined,\n          tags,\n        });\n        navigateTo(`/teams/${created.id}`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to save team.');\n    }\n  };\n\n  const saving = createTeam.isPending || updateTeam.isPending;\n\n  if (isEdit && existing.isLoading) {\n    return (\n      <PageLayout title=\"Edit team\">\n        <LoadingState label=\"Loading team…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isEdit && (existing.isError || (!existing.isLoading && !existing.data))) {\n    return (\n      <PageLayout title=\"Edit team\">\n        <ErrorState\n          title=\"Team not found\"\n          message=\"This team does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/teams')}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={isEdit ? 'Edit team' : 'New team'}\n      description={isEdit ? 'Update the squad details.' : 'Create a new squad to build a roster.'}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo(isEdit && id ? `/teams/${id}` : '/teams')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        <FormField label=\"Team name\" htmlFor=\"name\" required>\n          <input\n            id=\"name\"\n            className={fieldInputClass}\n            value={form.name}\n            onChange={(e) => set('name', e.target.value)}\n            placeholder=\"e.g. Riverside United U18\"\n          />\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Sport\" htmlFor=\"sport\">\n            <select\n              id=\"sport\"\n              className={fieldInputClass}\n              value={form.sport}\n              onChange={(e) => set('sport', e.target.value as AthSport)}\n            >\n              {SPORTS.map((s) => (\n                <option key={s} value={s}>\n                  {SPORT_LABELS[s]}\n                </option>\n              ))}\n            </select>\n          </FormField>\n\n          <FormField label=\"Status\" htmlFor=\"status\">\n            <select\n              id=\"status\"\n              className={fieldInputClass}\n              value={form.status}\n              onChange={(e) => set('status', e.target.value as AthTeamStatus)}\n            >\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {s.charAt(0) + s.slice(1).toLowerCase()}\n                </option>\n              ))}\n            </select>\n          </FormField>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Age group\" htmlFor=\"ageGroup\">\n            <input\n              id=\"ageGroup\"\n              className={fieldInputClass}\n              value={form.ageGroup}\n              onChange={(e) => set('ageGroup', e.target.value)}\n              placeholder=\"e.g. U18\"\n            />\n          </FormField>\n\n          <FormField label=\"Season\" htmlFor=\"season\">\n            <input\n              id=\"season\"\n              className={fieldInputClass}\n              value={form.season}\n              onChange={(e) => set('season', e.target.value)}\n              placeholder=\"e.g. 2025/26\"\n            />\n          </FormField>\n        </div>\n\n        <FormField label=\"Home venue\" htmlFor=\"homeVenue\">\n          <input\n            id=\"homeVenue\"\n            className={fieldInputClass}\n            value={form.homeVenue}\n            onChange={(e) => set('homeVenue', e.target.value)}\n            placeholder=\"e.g. Riverside Stadium\"\n          />\n        </FormField>\n\n        <FormField label=\"Description\" htmlFor=\"description\">\n          <textarea\n            id=\"description\"\n            className={fieldInputClass}\n            rows={3}\n            value={form.description}\n            onChange={(e) => set('description', e.target.value)}\n            placeholder=\"A short description of the team.\"\n          />\n        </FormField>\n\n        <FormField\n          label=\"Tags\"\n          htmlFor=\"tags\"\n          hint=\"Comma-separated, e.g. youth, development, first-team.\"\n        >\n          <input\n            id=\"tags\"\n            className={fieldInputClass}\n            value={form.tagsText}\n            onChange={(e) => set('tagsText', e.target.value)}\n            placeholder=\"youth, development\"\n          />\n        </FormField>\n\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n        <div className=\"flex items-center gap-3 pt-2\">\n          <button\n            type=\"submit\"\n            disabled={saving}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n          >\n            {saving ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Save className=\"h-4 w-4\" />}\n            {isEdit ? 'Save changes' : 'Create team'}\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/teams/TeamsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamsListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/teams/TeamsListPage.tsx"],"sourcesContent":["/**\n * Teams List\n * @module atheletebridge/pages/teams\n */\n\nimport { useState } from 'react';\nimport { Plus, Users } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TeamCard } from '../../components/TeamCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { SPORT_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useTeams } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSport, AthTeamStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst SPORT_OPTS = (Object.keys(SPORT_LABELS) as AthSport[]).map((value) => ({\n  value,\n  label: SPORT_LABELS[value],\n}));\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthTeamStatus; label: string }> = [\n  { value: 'FORMING', label: 'Forming' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'INACTIVE', label: 'Inactive' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function TeamsListPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [sport, setSport] = useState<AthSport | ''>('');\n  const [status, setStatus] = useState<AthTeamStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const teams = useTeams({\n    sport: sport || undefined,\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = teams.data?.items ?? [];\n  const hasMore = teams.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Teams\"\n      description=\"Squads, club sides, academy groups and esports rosters.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/teams/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New team\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel=\"Filter by sport\"\n          allLabel=\"All sports\"\n          value={sport}\n          onChange={(v) => {\n            setSport(v);\n            setPage(0);\n          }}\n          options={SPORT_OPTS}\n        />\n        <FilterSelect\n          ariaLabel=\"Filter by status\"\n          allLabel=\"All statuses\"\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {teams.isLoading ? (\n        <LoadingState label=\"Loading teams…\" />\n      ) : teams.isError ? (\n        <ErrorState onRetry={() => void teams.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"No teams found\"\n          description={\n            sport || status\n              ? 'Try clearing your filters to see all teams.'\n              : 'Create your first team to build a roster and start scheduling fixtures.'\n          }\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/teams/new')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n            >\n              Create team\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {items.map((team) => (\n              <TeamCard\n                key={team.id}\n                team={team}\n                onClick={() => navigateTo(`/teams/${team.id}`)}\n              />\n            ))}\n          </div>\n          <CursorPager\n            className=\"mt-6\"\n            page={page}\n            hasMore={hasMore}\n            onPrev={() => setPage((p) => Math.max(0, p - 1))}\n            onNext={() => setPage((p) => p + 1)}\n          />\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,IAAY,IAEZ,IAAc,OAAO,KAAK,EAAa,CAAgB,KAAK,OAAW;CAC3E;CACA,OAAO,EAAa;CACrB,EAAE,EAEG,IAAsE;CAC1E;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC;AAED,SAAgB,IAAgB;CAC9B,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAO,KAAY,EAAwB,GAAG,EAC/C,CAAC,GAAQ,KAAa,EAA6B,GAAG,EACtD,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,IAAQ,EAAS;EACrB,OAAO,KAAS,KAAA;EAChB,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;GAAW;EAC3D,CAAC,EAEI,IAAQ,EAAM,MAAM,SAAS,EAAE,EAC/B,IAAU,EAAM,MAAM,SAAS,WAAW;AAEhD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,aAAa;GACvC,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAS,EAAE,EACX,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA,EACF,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAU,EAAE,EACZ,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA,CACE;MAEL,EAAM,YACL,kBAAC,GAAD,EAAc,OAAM,kBAAmB,CAAA,GACrC,EAAM,UACR,kBAAC,GAAD,EAAY,eAAe,KAAK,EAAM,SAAS,EAAI,CAAA,GACjD,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAO,WAAU,aAAc,CAAA;GACrC,OAAM;GACN,aACE,KAAS,IACL,gDACA;GAEN,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,aAAa;IACvC,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAEQ;IACN,eAAe,EAAW,UAAU,EAAK,KAAK;IAC9C,EAHK,EAAK,GAGV,CACF;GACE,CAAA,EACN,kBAAC,GAAD;GACE,WAAU;GACJ;GACG;GACT,cAAc,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;GAChD,cAAc,GAAS,MAAM,IAAI,EAAE;GACnC,CAAA,CACD,EAAA,CAAA,CAEM"}
+{"version":3,"file":"TeamsListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/teams/TeamsListPage.tsx"],"sourcesContent":["/**\n * Teams List\n * @module atheletebridge/pages/teams\n */\n\nimport { useState } from 'react';\nimport { Plus, Users } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TeamCard } from '../../components/TeamCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { SPORT_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useTeams } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSport, AthTeamStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst SPORT_OPTS = (Object.keys(SPORT_LABELS) as AthSport[]).map((value) => ({\n  value,\n  label: SPORT_LABELS[value],\n}));\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthTeamStatus; label: string }> = [\n  { value: 'FORMING', label: 'Forming' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'INACTIVE', label: 'Inactive' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function TeamsListPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [sport, setSport] = useState<AthSport | ''>('');\n  const [status, setStatus] = useState<AthTeamStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const teams = useTeams({\n    sport: sport || undefined,\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = teams.data?.items ?? [];\n  const hasMore = teams.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Teams\"\n      description=\"Squads, club sides, academy groups and esports rosters.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/teams/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New team\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel=\"Filter by sport\"\n          allLabel=\"All sports\"\n          value={sport}\n          onChange={(v) => {\n            setSport(v);\n            setPage(0);\n          }}\n          options={SPORT_OPTS}\n        />\n        <FilterSelect\n          ariaLabel=\"Filter by status\"\n          allLabel=\"All statuses\"\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {teams.isLoading ? (\n        <LoadingState label=\"Loading teams…\" />\n      ) : teams.isError ? (\n        <ErrorState onRetry={() => void teams.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"No teams found\"\n          description={\n            sport || status\n              ? 'Try clearing your filters to see all teams.'\n              : 'Create your first team to build a roster and start scheduling fixtures.'\n          }\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/teams/new')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n            >\n              Create team\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {items.map((team) => (\n              <TeamCard key={team.id} team={team} onClick={() => navigateTo(`/teams/${team.id}`)} />\n            ))}\n          </div>\n          <CursorPager\n            className=\"mt-6\"\n            page={page}\n            hasMore={hasMore}\n            onPrev={() => setPage((p) => Math.max(0, p - 1))}\n            onNext={() => setPage((p) => p + 1)}\n          />\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,IAAY,IAEZ,IAAc,OAAO,KAAK,EAAa,CAAgB,KAAK,OAAW;CAC3E;CACA,OAAO,EAAa;CACrB,EAAE,EAEG,IAAsE;CAC1E;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC;AAED,SAAgB,IAAgB;CAC9B,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAO,KAAY,EAAwB,GAAG,EAC/C,CAAC,GAAQ,KAAa,EAA6B,GAAG,EACtD,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,IAAQ,EAAS;EACrB,OAAO,KAAS,KAAA;EAChB,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;GAAW;EAC3D,CAAC,EAEI,IAAQ,EAAM,MAAM,SAAS,EAAE,EAC/B,IAAU,EAAM,MAAM,SAAS,WAAW;AAEhD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,aAAa;GACvC,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAS,EAAE,EACX,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA,EACF,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAU,EAAE,EACZ,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA,CACE;MAEL,EAAM,YACL,kBAAC,GAAD,EAAc,OAAM,kBAAmB,CAAA,GACrC,EAAM,UACR,kBAAC,GAAD,EAAY,eAAe,KAAK,EAAM,SAAS,EAAI,CAAA,GACjD,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAO,WAAU,aAAc,CAAA;GACrC,OAAM;GACN,aACE,KAAS,IACL,gDACA;GAEN,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,aAAa;IACvC,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAA8B;IAAM,eAAe,EAAW,UAAU,EAAK,KAAK;IAAI,EAAvE,EAAK,GAAkE,CACtF;GACE,CAAA,EACN,kBAAC,GAAD;GACE,WAAU;GACJ;GACG;GACT,cAAc,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;GAChD,cAAc,GAAS,MAAM,IAAI,EAAE;GACnC,CAAA,CACD,EAAA,CAAA,CAEM"}

package/dist/atheletebridge/utils/formatters.js

@@ -1,14 +1,5 @@
 //#region src/atheletebridge/utils/formatters.ts
 function e(e, t) {
-	return new Intl.NumberFormat("en-IN", {
-		style: "currency",
-		currency: "INR",
-		minimumFractionDigits: 2,
-		maximumFractionDigits: 2,
-		...t
-	}).format(e);
-}
-function t(e, t) {
 	let n = typeof e == "string" ? new Date(e) : e;
 	return new Intl.DateTimeFormat("en-IN", {
 		day: "numeric",
@@ -20,21 +11,7 @@ function t(e, t) {
 		...t
 	}).format(n);
 }
-function n(e) {
-	let t = typeof e == "string" ? new Date(e) : e, n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 1e3), i = Math.floor(r / 60), a = Math.floor(i / 60), o = Math.floor(a / 24), s = Math.floor(o / 7), c = Math.floor(o / 30);
-	if (r < 60) return "just now";
-	if (i < 60) return `${i} min${i === 1 ? "" : "s"} ago`;
-	if (a < 24) return `${a} hour${a === 1 ? "" : "s"} ago`;
-	if (o < 7) return `${o} day${o === 1 ? "" : "s"} ago`;
-	if (s < 4) return `${s} week${s === 1 ? "" : "s"} ago`;
-	if (c < 12) return `${c} month${c === 1 ? "" : "s"} ago`;
-	let l = Math.floor(o / 365);
-	return `${l} year${l === 1 ? "" : "s"} ago`;
-}
-function r(e, t) {
-	return new Intl.NumberFormat("en-IN", t).format(e);
-}
-function i(e) {
+function t(e) {
 	if (e < 1) return "instant";
 	if (e < 60) return `${e} min`;
 	let t = Math.floor(e / 60), n = e % 60;
@@ -43,6 +20,6 @@ function i(e) {
 	return i === 0 ? `${r} day${r === 1 ? "" : "s"}` : `${r} day${r === 1 ? "" : "s"} ${i}h`;
 }
 //#endregion
-export { e as formatCurrency, t as formatDate, i as formatDuration, r as formatNumber, n as formatRelativeTime };
+export { e as formatDate, t as formatDuration };
 
 //# sourceMappingURL=formatters.js.map

package/dist/atheletebridge/utils/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":[],"sources":["../../../src/atheletebridge/utils/formatters.ts"],"sourcesContent":["/**\n * Formatting utilities for the AthleteBridge microfrontend\n * @module atheletebridge/utils/formatters\n */\n\n/**\n * Format a number as Indian Rupees (INR) currency\n *\n * @param amount - The numeric amount to format\n * @param options - Optional Intl.NumberFormat options to override defaults\n * @returns Formatted currency string (e.g., \"₹1,200.00\")\n *\n * @example\n * formatCurrency(1200)    // => \"₹1,200.00\"\n * formatCurrency(0)       // => \"₹0.00\"\n * formatCurrency(1200, { minimumFractionDigits: 0 }) // => \"₹1,200\"\n */\nexport function formatCurrency(\n  amount: number,\n  options?: Partial<Intl.NumberFormatOptions>\n): string {\n  return new Intl.NumberFormat('en-IN', {\n    style: 'currency',\n    currency: 'INR',\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n    ...options,\n  }).format(amount);\n}\n\n/**\n * Format a date string or Date object into a human-readable format\n *\n * @param date - ISO date string or Date object\n * @param options - Optional Intl.DateTimeFormat options\n * @returns Formatted date string (e.g., \"15 Jan 2024, 4:00 PM\")\n *\n * @example\n * formatDate('2024-01-15T10:30:00Z')\n * // => \"15 Jan 2024, 4:00 PM\" (in IST)\n */\nexport function formatDate(\n  date: string | Date,\n  options?: Partial<Intl.DateTimeFormatOptions>\n): string {\n  const d = typeof date === 'string' ? new Date(date) : date;\n  return new Intl.DateTimeFormat('en-IN', {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n    ...options,\n  }).format(d);\n}\n\n/**\n * Format a date into a relative time string (e.g., \"2 hours ago\")\n *\n * @param date - ISO date string or Date object\n * @returns Human-readable relative time string\n *\n * @example\n * formatRelativeTime('2024-01-15T10:30:00Z') // => \"3 days ago\"\n * formatRelativeTime(new Date())              // => \"just now\"\n */\nexport function formatRelativeTime(date: string | Date): string {\n  const d = typeof date === 'string' ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  const diffWeeks = Math.floor(diffDays / 7);\n  const diffMonths = Math.floor(diffDays / 30);\n\n  if (diffSeconds < 60) return 'just now';\n  if (diffMinutes < 60) return `${diffMinutes} min${diffMinutes !== 1 ? 's' : ''} ago`;\n  if (diffHours < 24) return `${diffHours} hour${diffHours !== 1 ? 's' : ''} ago`;\n  if (diffDays < 7) return `${diffDays} day${diffDays !== 1 ? 's' : ''} ago`;\n  if (diffWeeks < 4) return `${diffWeeks} week${diffWeeks !== 1 ? 's' : ''} ago`;\n  if (diffMonths < 12) return `${diffMonths} month${diffMonths !== 1 ? 's' : ''} ago`;\n\n  const diffYears = Math.floor(diffDays / 365);\n  return `${diffYears} year${diffYears !== 1 ? 's' : ''} ago`;\n}\n\n/**\n * Format a number with Indian locale grouping (lakhs, crores)\n *\n * @param value - The number to format\n * @param options - Optional Intl.NumberFormat options\n * @returns Formatted number string (e.g., \"12,345\" or \"1,24,500\")\n *\n * @example\n * formatNumber(1245)    // => \"1,245\"\n * formatNumber(124500)  // => \"1,24,500\"\n */\nexport function formatNumber(value: number, options?: Partial<Intl.NumberFormatOptions>): string {\n  return new Intl.NumberFormat('en-IN', options).format(value);\n}\n\n/**\n * Format a distance value in kilometers\n *\n * @param km - Distance in kilometers\n * @returns Formatted distance string\n *\n * @example\n * formatDistance(0.5)  // => \"500 m\"\n * formatDistance(1.2)  // => \"1.2 km\"\n * formatDistance(15)   // => \"15 km\"\n */\nexport function formatDistance(km: number): string {\n  if (km < 1) {\n    return `${Math.round(km * 1000)} m`;\n  }\n  if (km < 10) {\n    return `${km.toFixed(1)} km`;\n  }\n  return `${Math.round(km)} km`;\n}\n\n/**\n * Format a duration in minutes into a human-readable string\n *\n * @param minutes - Duration in minutes\n * @returns Formatted duration string\n *\n * @example\n * formatDuration(5)    // => \"5 min\"\n * formatDuration(90)   // => \"1h 30min\"\n * formatDuration(1440) // => \"1 day\"\n * formatDuration(4320) // => \"3 days\"\n */\nexport function formatDuration(minutes: number): string {\n  if (minutes < 1) return 'instant';\n  if (minutes < 60) return `${minutes} min`;\n\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n\n  if (hours < 24) {\n    if (remainingMinutes === 0) {\n      return `${hours}h`;\n    }\n    return `${hours}h ${remainingMinutes}min`;\n  }\n\n  const days = Math.floor(hours / 24);\n  const remainingHours = hours % 24;\n\n  if (remainingHours === 0) {\n    return `${days} day${days !== 1 ? 's' : ''}`;\n  }\n  return `${days} day${days !== 1 ? 's' : ''} ${remainingHours}h`;\n}\n"],"mappings":";AAiBA,SAAgB,EACd,GACA,GACQ;AACR,QAAO,IAAI,KAAK,aAAa,SAAS;EACpC,OAAO;EACP,UAAU;EACV,uBAAuB;EACvB,uBAAuB;EACvB,GAAG;EACJ,CAAC,CAAC,OAAO,EAAO;;AAcnB,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IAAI,OAAO,KAAS,WAAW,IAAI,KAAK,EAAK,GAAG;AACtD,QAAO,IAAI,KAAK,eAAe,SAAS;EACtC,KAAK;EACL,OAAO;EACP,MAAM;EACN,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,GAAG;EACJ,CAAC,CAAC,OAAO,EAAE;;AAad,SAAgB,EAAmB,GAA6B;CAC9D,IAAM,IAAI,OAAO,KAAS,WAAW,IAAI,KAAK,EAAK,GAAG,GAEhD,qBADM,IAAI,MAAM,EACH,SAAS,GAAG,EAAE,SAAS,EACpC,IAAc,KAAK,MAAM,IAAS,IAAK,EACvC,IAAc,KAAK,MAAM,IAAc,GAAG,EAC1C,IAAY,KAAK,MAAM,IAAc,GAAG,EACxC,IAAW,KAAK,MAAM,IAAY,GAAG,EACrC,IAAY,KAAK,MAAM,IAAW,EAAE,EACpC,IAAa,KAAK,MAAM,IAAW,GAAG;AAE5C,KAAI,IAAc,GAAI,QAAO;AAC7B,KAAI,IAAc,GAAI,QAAO,GAAG,EAAY,MAAM,MAAgB,IAAU,KAAN,IAAS;AAC/E,KAAI,IAAY,GAAI,QAAO,GAAG,EAAU,OAAO,MAAc,IAAU,KAAN,IAAS;AAC1E,KAAI,IAAW,EAAG,QAAO,GAAG,EAAS,MAAM,MAAa,IAAU,KAAN,IAAS;AACrE,KAAI,IAAY,EAAG,QAAO,GAAG,EAAU,OAAO,MAAc,IAAU,KAAN,IAAS;AACzE,KAAI,IAAa,GAAI,QAAO,GAAG,EAAW,QAAQ,MAAe,IAAU,KAAN,IAAS;CAE9E,IAAM,IAAY,KAAK,MAAM,IAAW,IAAI;AAC5C,QAAO,GAAG,EAAU,OAAO,MAAc,IAAU,KAAN,IAAS;;AAcxD,SAAgB,EAAa,GAAe,GAAqD;AAC/F,QAAO,IAAI,KAAK,aAAa,SAAS,EAAQ,CAAC,OAAO,EAAM;;AAoC9D,SAAgB,EAAe,GAAyB;AACtD,KAAI,IAAU,EAAG,QAAO;AACxB,KAAI,IAAU,GAAI,QAAO,GAAG,EAAQ;CAEpC,IAAM,IAAQ,KAAK,MAAM,IAAU,GAAG,EAChC,IAAmB,IAAU;AAEnC,KAAI,IAAQ,GAIV,QAHI,MAAqB,IAChB,GAAG,EAAM,KAEX,GAAG,EAAM,IAAI,EAAiB;CAGvC,IAAM,IAAO,KAAK,MAAM,IAAQ,GAAG,EAC7B,IAAiB,IAAQ;AAK/B,QAHI,MAAmB,IACd,GAAG,EAAK,MAAM,MAAS,IAAU,KAAN,QAE7B,GAAG,EAAK,MAAM,MAAS,IAAU,KAAN,IAAS,GAAG,EAAe"}
+{"version":3,"file":"formatters.js","names":[],"sources":["../../../src/atheletebridge/utils/formatters.ts"],"sourcesContent":["/**\n * Formatting utilities for the AthleteBridge microfrontend\n * @module atheletebridge/utils/formatters\n */\n\n/**\n * Format a date string or Date object into a human-readable format\n *\n * @param date - ISO date string or Date object\n * @param options - Optional Intl.DateTimeFormat options\n * @returns Formatted date string (e.g., \"15 Jan 2024, 4:00 PM\")\n *\n * @example\n * formatDate('2024-01-15T10:30:00Z')\n * // => \"15 Jan 2024, 4:00 PM\" (in IST)\n */\nexport function formatDate(\n  date: string | Date,\n  options?: Partial<Intl.DateTimeFormatOptions>\n): string {\n  const d = typeof date === 'string' ? new Date(date) : date;\n  return new Intl.DateTimeFormat('en-IN', {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n    ...options,\n  }).format(d);\n}\n\n/**\n * Format a duration in minutes into a human-readable string\n *\n * @param minutes - Duration in minutes\n * @returns Formatted duration string\n *\n * @example\n * formatDuration(5)    // => \"5 min\"\n * formatDuration(90)   // => \"1h 30min\"\n * formatDuration(1440) // => \"1 day\"\n * formatDuration(4320) // => \"3 days\"\n */\nexport function formatDuration(minutes: number): string {\n  if (minutes < 1) return 'instant';\n  if (minutes < 60) return `${minutes} min`;\n\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n\n  if (hours < 24) {\n    if (remainingMinutes === 0) {\n      return `${hours}h`;\n    }\n    return `${hours}h ${remainingMinutes}min`;\n  }\n\n  const days = Math.floor(hours / 24);\n  const remainingHours = hours % 24;\n\n  if (remainingHours === 0) {\n    return `${days} day${days !== 1 ? 's' : ''}`;\n  }\n  return `${days} day${days !== 1 ? 's' : ''} ${remainingHours}h`;\n}\n"],"mappings":";AAgBA,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IAAI,OAAO,KAAS,WAAW,IAAI,KAAK,EAAK,GAAG;AACtD,QAAO,IAAI,KAAK,eAAe,SAAS;EACtC,KAAK;EACL,OAAO;EACP,MAAM;EACN,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,GAAG;EACJ,CAAC,CAAC,OAAO,EAAE;;AAed,SAAgB,EAAe,GAAyB;AACtD,KAAI,IAAU,EAAG,QAAO;AACxB,KAAI,IAAU,GAAI,QAAO,GAAG,EAAQ;CAEpC,IAAM,IAAQ,KAAK,MAAM,IAAU,GAAG,EAChC,IAAmB,IAAU;AAEnC,KAAI,IAAQ,GAIV,QAHI,MAAqB,IAChB,GAAG,EAAM,KAEX,GAAG,EAAM,IAAI,EAAiB;CAGvC,IAAM,IAAO,KAAK,MAAM,IAAQ,GAAG,EAC7B,IAAiB,IAAQ;AAK/B,QAHI,MAAmB,IACd,GAAG,EAAK,MAAM,MAAS,IAAU,KAAN,QAE7B,GAAG,EAAK,MAAM,MAAS,IAAU,KAAN,IAAS,GAAG,EAAe"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { AthleteBridgeProvider as e, useAthleteBridge as t } from "./atheletebridge/context/AthleteBridgeContext.js";
 import { cn as n } from "./atheletebridge/utils/cn.js";
-import { formatCurrency as r, formatDate as i, formatNumber as a, formatRelativeTime as o } from "./atheletebridge/utils/formatters.js";
-import { AthleteBridgeRoot as s } from "./atheletebridge/AthleteBridgeRoot.js";
-import { useAthleteBridgeStore as c } from "./atheletebridge/store/atheletebridgeStore.js";
+import { formatDate as r, formatDuration as i } from "./atheletebridge/utils/formatters.js";
+import { AthleteBridgeRoot as a } from "./atheletebridge/AthleteBridgeRoot.js";
+import { useAthleteBridgeStore as o } from "./atheletebridge/store/atheletebridgeStore.js";
 import "./atheletebridge/index.js";
-export { e as AthleteBridgeProvider, s as AthleteBridgeRoot, n as cn, r as formatCurrency, i as formatDate, a as formatNumber, o as formatRelativeTime, t as useAthleteBridge, c as useAthleteBridgeStore };
+export { e as AthleteBridgeProvider, a as AthleteBridgeRoot, n as cn, r as formatDate, i as formatDuration, t as useAthleteBridge, o as useAthleteBridgeStore };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@burdenoff/microfe-atheletebridge",
-  "version": "2026.628.1",
-  "description": "Burdenoff Kadaikodi Microfrontend - Mobile services marketplace platform for connecting service providers with customers",
+  "version": "2026.705.1",
+  "description": "Burdenoff AthleteBridge Microfrontend - Sports, coaching & training platform for teams, fixtures, programs, sessions and athlete performance",
   "type": "module",
   "files": [
     "dist",
@@ -10,7 +10,7 @@
   ],
   "imports": {
     "#src/*": "./src/*",
-    "#kadaikodi/*": "./src/kadaikodi/*"
+    "#atheletebridge/*": "./src/atheletebridge/*"
   },
   "exports": {
     ".": {
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.625.5",
+    "@burdenoff/fe-libs": "2026.705.2",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.12.0",
@@ -86,7 +86,7 @@
     "access": "restricted"
   },
   "overrides": {
-    "@burdenoff/fe-libs": "2026.625.5",
+    "@burdenoff/fe-libs": "2026.705.2",
     "lodash": ">=4.17.21",
     "lodash-es": ">=4.17.21",
     "dompurify": ">=3.3.4",