@burdenoff/microfe-buildmyiq 2026.731.2 → 2026.801.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/buildmyiq/BuildmyiqRoutes.js +1 -1
  2. package/dist/buildmyiq/BuildmyiqRoutes.js.map +1 -1
  3. package/dist/buildmyiq/components/OfflineLessonControl.d.ts +28 -0
  4. package/dist/buildmyiq/components/OfflineLessonControl.d.ts.map +1 -0
  5. package/dist/buildmyiq/components/OfflineLessonControl.js +100 -0
  6. package/dist/buildmyiq/components/OfflineLessonControl.js.map +1 -0
  7. package/dist/buildmyiq/components/index.d.ts +1 -0
  8. package/dist/buildmyiq/components/index.d.ts.map +1 -1
  9. package/dist/buildmyiq/components/index.js +1 -0
  10. package/dist/buildmyiq/context/BuildmyiqContext.js +1 -1
  11. package/dist/buildmyiq/context/BuildmyiqContext.js.map +1 -1
  12. package/dist/buildmyiq/pages/assessments/AssessmentDetailPage.js +1 -1
  13. package/dist/buildmyiq/pages/assessments/AssessmentDetailPage.js.map +1 -1
  14. package/dist/buildmyiq/pages/assessments/TakeAssessmentPage.js +1 -1
  15. package/dist/buildmyiq/pages/assessments/TakeAssessmentPage.js.map +1 -1
  16. package/dist/buildmyiq/pages/authoring/CourseBuilderPage.js +1 -1
  17. package/dist/buildmyiq/pages/authoring/CourseBuilderPage.js.map +1 -1
  18. package/dist/buildmyiq/pages/catalog/CourseDetailPage.js +1 -1
  19. package/dist/buildmyiq/pages/catalog/CourseDetailPage.js.map +1 -1
  20. package/dist/buildmyiq/pages/learning/LessonPlayerPage.d.ts.map +1 -1
  21. package/dist/buildmyiq/pages/learning/LessonPlayerPage.js +160 -158
  22. package/dist/buildmyiq/pages/learning/LessonPlayerPage.js.map +1 -1
  23. package/dist/buildmyiq/pages/submissions/SubmissionsPage.js +1 -1
  24. package/dist/buildmyiq/pages/submissions/SubmissionsPage.js.map +1 -1
  25. package/package.json +3 -3
@@ -4,7 +4,7 @@ import { useTr as t } from "./shared/hooks/useTr.js";
4
4
  import { DashboardPage as n } from "./pages/DashboardPage.js";
5
5
  import { Suspense as r, lazy as i } from "react";
6
6
  import { FeatureGate as a } from "@burdenoff/fe-libs/shared/feature-flags";
7
- import { Navigate as o, Route as s, Routes as c, useLocation as l } from "react-router-dom";
7
+ import { Navigate as o, Route as s, Routes as c, useLocation as l } from "react-router";
8
8
  import { jsx as u, jsxs as d } from "react/jsx-runtime";
9
9
  import { Spinner as f } from "@burdenoff/fe-libs/ui";
10
10
  //#region src/buildmyiq/BuildmyiqRoutes.tsx
@@ -1 +1 @@
1
- {"version":3,"file":"BuildmyiqRoutes.js","names":[],"sources":["../../src/buildmyiq/BuildmyiqRoutes.tsx"],"sourcesContent":["/**\n * Buildmyiq Routes\n * @module buildmyiq\n *\n * Domain routes. The dashboard is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `bui*` backend capability.\n * All product routes are gated by feature flags that default to enabled.\n */\n\nimport React, { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useBuildmyiq } from './context';\nimport { useTr } from './shared/hooks/useTr';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Catalog (learner-facing course discovery + detail + enrol)\nconst CatalogPage = lazy(() =>\n import('./pages/catalog/CatalogPage').then((m) => ({ default: m.CatalogPage }))\n);\nconst CourseDetailPage = lazy(() =>\n import('./pages/catalog/CourseDetailPage').then((m) => ({ default: m.CourseDetailPage }))\n);\n\n// My Learning (enrollments + progress + lesson player)\nconst MyLearningPage = lazy(() =>\n import('./pages/learning/MyLearningPage').then((m) => ({ default: m.MyLearningPage }))\n);\nconst LessonPlayerPage = lazy(() =>\n import('./pages/learning/LessonPlayerPage').then((m) => ({ default: m.LessonPlayerPage }))\n);\n\n// Authoring (instructor course management + builder)\nconst AuthoringPage = lazy(() =>\n import('./pages/authoring/AuthoringPage').then((m) => ({ default: m.AuthoringPage }))\n);\nconst CourseBuilderPage = lazy(() =>\n import('./pages/authoring/CourseBuilderPage').then((m) => ({ default: m.CourseBuilderPage }))\n);\n\n// Assessments (list + builder/questions/detail)\nconst AssessmentsPage = lazy(() =>\n import('./pages/assessments/AssessmentsPage').then((m) => ({ default: m.AssessmentsPage }))\n);\nconst AssessmentDetailPage = lazy(() =>\n import('./pages/assessments/AssessmentDetailPage').then((m) => ({\n default: m.AssessmentDetailPage,\n }))\n);\n// Learner-facing: take a published assessment (answer + submit)\nconst TakeAssessmentPage = lazy(() =>\n import('./pages/assessments/TakeAssessmentPage').then((m) => ({ default: m.TakeAssessmentPage }))\n);\n\n// Insights (educator analytics, derived from real data)\nconst InsightsPage = lazy(() =>\n import('./pages/insights/InsightsPage').then((m) => ({ default: m.InsightsPage }))\n);\n\n// Skill Journeys (derived guided paths)\nconst PathsPage = lazy(() =>\n import('./pages/paths/PathsPage').then((m) => ({ default: m.PathsPage }))\n);\n\n// Grading (submissions queue)\nconst SubmissionsPage = lazy(() =>\n import('./pages/submissions/SubmissionsPage').then((m) => ({ default: m.SubmissionsPage }))\n);\nconst BulkGradingPage = lazy(() =>\n import('./pages/submissions/BulkGradingPage').then((m) => ({ default: m.BulkGradingPage }))\n);\n\n// Cohorts\nconst CohortsPage = lazy(() =>\n import('./pages/cohorts/CohortsPage').then((m) => ({ default: m.CohortsPage }))\n);\n\n// Skills taxonomy\nconst SkillsPage = lazy(() =>\n import('./pages/skills/SkillsPage').then((m) => ({ default: m.SkillsPage }))\n);\n\n// Certificates\nconst CertificatesPage = lazy(() =>\n import('./pages/certificates/CertificatesPage').then((m) => ({ default: m.CertificatesPage }))\n);\n\n// AI Admin Copilot (BOFF-4434) — read-only workspace Q&A\nconst AdminCopilotPage = lazy(() =>\n import('./pages/copilot/AdminCopilotPage').then((m) => ({ default: m.AdminCopilotPage }))\n);\n\n// LMS integrations — LTI 1.3 Advantage platform registry (BOFF-4419)\nconst LtiPlatformsPage = lazy(() =>\n import('./pages/integrations/LtiPlatformsPage').then((m) => ({ default: m.LtiPlatformsPage }))\n);\n\nconst PageLoader: FC = () => (\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Spinner size=\"lg\" />\n </div>\n);\n\nfunction FeatureDisabledFallback() {\n const tr = useTr();\n return (\n <div className=\"flex h-full min-h-[200px] items-center justify-center text-sm text-text-secondary\">\n {tr(\n 'buildmyiq.pages.featureDisabled',\n 'This feature is currently disabled. You can enable it from Feature Previews.'\n )}\n </div>\n );\n}\n\nfunction gated(flag: string, element: React.ReactNode, defaultValue = true): React.ReactElement {\n return (\n <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n {element}\n </FeatureGate>\n );\n}\n\nexport const BuildmyiqRoutes: FC = () => {\n const { basePath, isStandalone } = useBuildmyiq();\n const location = useLocation();\n\n const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n // Guard: only render if the current path matches basePath (integrated mode).\n if (normalizedBasePath && !isStandalone) {\n const pathMatches =\n location.pathname === normalizedBasePath ||\n location.pathname.startsWith(normalizedBasePath + '/');\n if (!pathMatches) {\n return null;\n }\n }\n\n return (\n <div className=\"flex min-h-full flex-col\">\n <Suspense fallback={<PageLoader />}>\n <Routes>\n <Route index element={gated('buildmyiq.overview', <DashboardPage />)} />\n\n <Route path=\"catalog\" element={gated('buildmyiq.catalog', <CatalogPage />)} />\n <Route\n path=\"catalog/:courseId\"\n element={gated('buildmyiq.catalog', <CourseDetailPage />)}\n />\n\n <Route path=\"learning\" element={gated('buildmyiq.learning', <MyLearningPage />)} />\n <Route\n path=\"learning/:enrollmentId\"\n element={gated('buildmyiq.learning', <LessonPlayerPage />)}\n />\n\n <Route path=\"paths\" element={gated('buildmyiq.paths', <PathsPage />)} />\n\n <Route path=\"authoring\" element={gated('buildmyiq.authoring', <AuthoringPage />)} />\n <Route\n path=\"authoring/:courseId\"\n element={gated('buildmyiq.authoring', <CourseBuilderPage />)}\n />\n\n <Route path=\"assessments\" element={gated('buildmyiq.assessments', <AssessmentsPage />)} />\n <Route\n path=\"assessments/:assessmentId\"\n element={gated('buildmyiq.assessments', <AssessmentDetailPage />)}\n />\n <Route\n path=\"assessments/:assessmentId/take\"\n element={gated('buildmyiq.assessments', <TakeAssessmentPage />)}\n />\n\n <Route path=\"insights\" element={gated('buildmyiq.insights', <InsightsPage />)} />\n\n <Route path=\"submissions\" element={gated('buildmyiq.submissions', <SubmissionsPage />)} />\n <Route\n path=\"submissions/bulk\"\n element={gated('buildmyiq.submissions', <BulkGradingPage />)}\n />\n <Route\n path=\"submissions/:submissionId\"\n element={gated('buildmyiq.submissions', <SubmissionsPage />)}\n />\n <Route path=\"cohorts\" element={gated('buildmyiq.cohorts', <CohortsPage />)} />\n <Route path=\"skills\" element={gated('buildmyiq.skills', <SkillsPage />)} />\n <Route\n path=\"certificates\"\n element={gated('buildmyiq.certificates', <CertificatesPage />)}\n />\n\n <Route\n path=\"admin-copilot\"\n element={gated('buildmyiq.adminCopilot', <AdminCopilotPage />)}\n />\n <Route\n path=\"integrations\"\n element={gated('buildmyiq.integrations', <LtiPlatformsPage />)}\n />\n\n <Route path=\"*\" element={<Navigate to={normalizedBasePath || '/'} replace />} />\n </Routes>\n </Suspense>\n </div>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"BuildmyiqRoutes.js","names":[],"sources":["../../src/buildmyiq/BuildmyiqRoutes.tsx"],"sourcesContent":["/**\n * Buildmyiq Routes\n * @module buildmyiq\n *\n * Domain routes. The dashboard is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `bui*` backend capability.\n * All product routes are gated by feature flags that default to enabled.\n */\n\nimport React, { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useBuildmyiq } from './context';\nimport { useTr } from './shared/hooks/useTr';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Catalog (learner-facing course discovery + detail + enrol)\nconst CatalogPage = lazy(() =>\n import('./pages/catalog/CatalogPage').then((m) => ({ default: m.CatalogPage }))\n);\nconst CourseDetailPage = lazy(() =>\n import('./pages/catalog/CourseDetailPage').then((m) => ({ default: m.CourseDetailPage }))\n);\n\n// My Learning (enrollments + progress + lesson player)\nconst MyLearningPage = lazy(() =>\n import('./pages/learning/MyLearningPage').then((m) => ({ default: m.MyLearningPage }))\n);\nconst LessonPlayerPage = lazy(() =>\n import('./pages/learning/LessonPlayerPage').then((m) => ({ default: m.LessonPlayerPage }))\n);\n\n// Authoring (instructor course management + builder)\nconst AuthoringPage = lazy(() =>\n import('./pages/authoring/AuthoringPage').then((m) => ({ default: m.AuthoringPage }))\n);\nconst CourseBuilderPage = lazy(() =>\n import('./pages/authoring/CourseBuilderPage').then((m) => ({ default: m.CourseBuilderPage }))\n);\n\n// Assessments (list + builder/questions/detail)\nconst AssessmentsPage = lazy(() =>\n import('./pages/assessments/AssessmentsPage').then((m) => ({ default: m.AssessmentsPage }))\n);\nconst AssessmentDetailPage = lazy(() =>\n import('./pages/assessments/AssessmentDetailPage').then((m) => ({\n default: m.AssessmentDetailPage,\n }))\n);\n// Learner-facing: take a published assessment (answer + submit)\nconst TakeAssessmentPage = lazy(() =>\n import('./pages/assessments/TakeAssessmentPage').then((m) => ({ default: m.TakeAssessmentPage }))\n);\n\n// Insights (educator analytics, derived from real data)\nconst InsightsPage = lazy(() =>\n import('./pages/insights/InsightsPage').then((m) => ({ default: m.InsightsPage }))\n);\n\n// Skill Journeys (derived guided paths)\nconst PathsPage = lazy(() =>\n import('./pages/paths/PathsPage').then((m) => ({ default: m.PathsPage }))\n);\n\n// Grading (submissions queue)\nconst SubmissionsPage = lazy(() =>\n import('./pages/submissions/SubmissionsPage').then((m) => ({ default: m.SubmissionsPage }))\n);\nconst BulkGradingPage = lazy(() =>\n import('./pages/submissions/BulkGradingPage').then((m) => ({ default: m.BulkGradingPage }))\n);\n\n// Cohorts\nconst CohortsPage = lazy(() =>\n import('./pages/cohorts/CohortsPage').then((m) => ({ default: m.CohortsPage }))\n);\n\n// Skills taxonomy\nconst SkillsPage = lazy(() =>\n import('./pages/skills/SkillsPage').then((m) => ({ default: m.SkillsPage }))\n);\n\n// Certificates\nconst CertificatesPage = lazy(() =>\n import('./pages/certificates/CertificatesPage').then((m) => ({ default: m.CertificatesPage }))\n);\n\n// AI Admin Copilot (BOFF-4434) — read-only workspace Q&A\nconst AdminCopilotPage = lazy(() =>\n import('./pages/copilot/AdminCopilotPage').then((m) => ({ default: m.AdminCopilotPage }))\n);\n\n// LMS integrations — LTI 1.3 Advantage platform registry (BOFF-4419)\nconst LtiPlatformsPage = lazy(() =>\n import('./pages/integrations/LtiPlatformsPage').then((m) => ({ default: m.LtiPlatformsPage }))\n);\n\nconst PageLoader: FC = () => (\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Spinner size=\"lg\" />\n </div>\n);\n\nfunction FeatureDisabledFallback() {\n const tr = useTr();\n return (\n <div className=\"flex h-full min-h-[200px] items-center justify-center text-sm text-text-secondary\">\n {tr(\n 'buildmyiq.pages.featureDisabled',\n 'This feature is currently disabled. You can enable it from Feature Previews.'\n )}\n </div>\n );\n}\n\nfunction gated(flag: string, element: React.ReactNode, defaultValue = true): React.ReactElement {\n return (\n <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n {element}\n </FeatureGate>\n );\n}\n\nexport const BuildmyiqRoutes: FC = () => {\n const { basePath, isStandalone } = useBuildmyiq();\n const location = useLocation();\n\n const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n // Guard: only render if the current path matches basePath (integrated mode).\n if (normalizedBasePath && !isStandalone) {\n const pathMatches =\n location.pathname === normalizedBasePath ||\n location.pathname.startsWith(normalizedBasePath + '/');\n if (!pathMatches) {\n return null;\n }\n }\n\n return (\n <div className=\"flex min-h-full flex-col\">\n <Suspense fallback={<PageLoader />}>\n <Routes>\n <Route index element={gated('buildmyiq.overview', <DashboardPage />)} />\n\n <Route path=\"catalog\" element={gated('buildmyiq.catalog', <CatalogPage />)} />\n <Route\n path=\"catalog/:courseId\"\n element={gated('buildmyiq.catalog', <CourseDetailPage />)}\n />\n\n <Route path=\"learning\" element={gated('buildmyiq.learning', <MyLearningPage />)} />\n <Route\n path=\"learning/:enrollmentId\"\n element={gated('buildmyiq.learning', <LessonPlayerPage />)}\n />\n\n <Route path=\"paths\" element={gated('buildmyiq.paths', <PathsPage />)} />\n\n <Route path=\"authoring\" element={gated('buildmyiq.authoring', <AuthoringPage />)} />\n <Route\n path=\"authoring/:courseId\"\n element={gated('buildmyiq.authoring', <CourseBuilderPage />)}\n />\n\n <Route path=\"assessments\" element={gated('buildmyiq.assessments', <AssessmentsPage />)} />\n <Route\n path=\"assessments/:assessmentId\"\n element={gated('buildmyiq.assessments', <AssessmentDetailPage />)}\n />\n <Route\n path=\"assessments/:assessmentId/take\"\n element={gated('buildmyiq.assessments', <TakeAssessmentPage />)}\n />\n\n <Route path=\"insights\" element={gated('buildmyiq.insights', <InsightsPage />)} />\n\n <Route path=\"submissions\" element={gated('buildmyiq.submissions', <SubmissionsPage />)} />\n <Route\n path=\"submissions/bulk\"\n element={gated('buildmyiq.submissions', <BulkGradingPage />)}\n />\n <Route\n path=\"submissions/:submissionId\"\n element={gated('buildmyiq.submissions', <SubmissionsPage />)}\n />\n <Route path=\"cohorts\" element={gated('buildmyiq.cohorts', <CohortsPage />)} />\n <Route path=\"skills\" element={gated('buildmyiq.skills', <SkillsPage />)} />\n <Route\n path=\"certificates\"\n element={gated('buildmyiq.certificates', <CertificatesPage />)}\n />\n\n <Route\n path=\"admin-copilot\"\n element={gated('buildmyiq.adminCopilot', <AdminCopilotPage />)}\n />\n <Route\n path=\"integrations\"\n element={gated('buildmyiq.integrations', <LtiPlatformsPage />)}\n />\n\n <Route path=\"*\" element={<Navigate to={normalizedBasePath || '/'} replace />} />\n </Routes>\n </Suspense>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;AAoBA,IAAM,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAChF,GACM,IAAmB,QACvB,OAAO,uCAAoC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC1F,GAGM,IAAiB,QACrB,OAAO,sCAAmC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACvF,GACM,IAAmB,QACvB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC3F,GAGM,IAAgB,QACpB,OAAO,sCAAmC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CACtF,GACM,IAAoB,QACxB,OAAO,0CAAuC,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAC9F,GAGM,IAAkB,QACtB,OAAO,0CAAuC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAC5F,GACM,IAAuB,QAC3B,OAAO,+CAA4C,MAAM,OAAO,EAC9D,SAAS,EAAE,qBACb,EAAE,CACJ,GAEM,IAAqB,QACzB,OAAO,6CAA0C,MAAM,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAClG,GAGM,IAAe,QACnB,OAAO,oCAAiC,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACnF,GAGM,IAAY,QAChB,OAAO,8BAA2B,MAAM,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAC1E,GAGM,IAAkB,QACtB,OAAO,0CAAuC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAC5F,GACM,IAAkB,QACtB,OAAO,0CAAuC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAC5F,GAGM,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAChF,GAGM,IAAa,QACjB,OAAO,gCAA6B,MAAM,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAC7E,GAGM,IAAmB,QACvB,OAAO,4CAAyC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC/F,GAGM,IAAmB,QACvB,OAAO,uCAAoC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC1F,GAGM,IAAmB,QACvB,OAAO,4CAAyC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC/F,GAEM,UACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA;AACjB,CAAA;AAGP,SAAS,IAA0B;CAEjC,OACE,kBAAC,OAAD;EAAK,WAAU;YAFN,EAGN,EACC,mCACA,8EACF;CACG,CAAA;AAET;AAEA,SAAS,EAAM,GAAc,GAA0B,IAAe,IAA0B;CAC9F,OACE,kBAAC,GAAD;EAAmB;EAAoB;EAAc,UAAU,kBAAC,GAAD,CAA0B,CAAA;YACtF;CACU,CAAA;AAEjB;AAEA,IAAa,UAA4B;CACvC,IAAM,EAAE,aAAU,oBAAiB,EAAa,GAC1C,IAAW,EAAY,GAEvB,IAAqB,MAAa,MAAM,MAAM,KAAY,IAAI,QAAQ,OAAO,EAAE;CAYrF,OATI,KAAsB,CAAC,KAIrB,EAFF,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,GAAG,KAE9C,OAKT,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,CAAa,CAAA;aAC/B,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,EAAM,sBAAsB,kBAAC,GAAD,CAAgB,CAAA,CAAC;IAAI,CAAA;IAEvE,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,EAAM,qBAAqB,kBAAC,GAAD,CAAc,CAAA,CAAC;IAAI,CAAA;IAC7E,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,qBAAqB,kBAAC,GAAD,CAAmB,CAAA,CAAC;IACzD,CAAA;IAED,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAS,EAAM,sBAAsB,kBAAC,GAAD,CAAiB,CAAA,CAAC;IAAI,CAAA;IAClF,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,sBAAsB,kBAAC,GAAD,CAAmB,CAAA,CAAC;IAC1D,CAAA;IAED,kBAAC,GAAD;KAAO,MAAK;KAAQ,SAAS,EAAM,mBAAmB,kBAAC,GAAD,CAAY,CAAA,CAAC;IAAI,CAAA;IAEvE,kBAAC,GAAD;KAAO,MAAK;KAAY,SAAS,EAAM,uBAAuB,kBAAC,GAAD,CAAgB,CAAA,CAAC;IAAI,CAAA;IACnF,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,uBAAuB,kBAAC,GAAD,CAAoB,CAAA,CAAC;IAC5D,CAAA;IAED,kBAAC,GAAD;KAAO,MAAK;KAAc,SAAS,EAAM,yBAAyB,kBAAC,GAAD,CAAkB,CAAA,CAAC;IAAI,CAAA;IACzF,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,yBAAyB,kBAAC,GAAD,CAAuB,CAAA,CAAC;IACjE,CAAA;IACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,yBAAyB,kBAAC,GAAD,CAAqB,CAAA,CAAC;IAC/D,CAAA;IAED,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAS,EAAM,sBAAsB,kBAAC,GAAD,CAAe,CAAA,CAAC;IAAI,CAAA;IAEhF,kBAAC,GAAD;KAAO,MAAK;KAAc,SAAS,EAAM,yBAAyB,kBAAC,GAAD,CAAkB,CAAA,CAAC;IAAI,CAAA;IACzF,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,yBAAyB,kBAAC,GAAD,CAAkB,CAAA,CAAC;IAC5D,CAAA;IACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,yBAAyB,kBAAC,GAAD,CAAkB,CAAA,CAAC;IAC5D,CAAA;IACD,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,EAAM,qBAAqB,kBAAC,GAAD,CAAc,CAAA,CAAC;IAAI,CAAA;IAC7E,kBAAC,GAAD;KAAO,MAAK;KAAS,SAAS,EAAM,oBAAoB,kBAAC,GAAD,CAAa,CAAA,CAAC;IAAI,CAAA;IAC1E,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,0BAA0B,kBAAC,GAAD,CAAmB,CAAA,CAAC;IAC9D,CAAA;IAED,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,0BAA0B,kBAAC,GAAD,CAAmB,CAAA,CAAC;IAC9D,CAAA;IACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAS,EAAM,0BAA0B,kBAAC,GAAD,CAAmB,CAAA,CAAC;IAC9D,CAAA;IAED,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAI,KAAsB;MAAK,SAAA;KAAS,CAAA;IAAI,CAAA;GACzE,EAAA,CAAA;EACA,CAAA;CACP,CAAA;AAET"}
@@ -0,0 +1,28 @@
1
+ import { BuiLesson } from '../types';
2
+
3
+ interface OfflineLessonInput {
4
+ id: string;
5
+ courseId: string;
6
+ title: string;
7
+ type: string;
8
+ content: string | null;
9
+ mediaUrl?: string | null;
10
+ }
11
+ interface BuildmyiqOfflineLessonsBridge {
12
+ cache(lesson: OfflineLessonInput): Promise<boolean>;
13
+ isCached(lessonId: string): Promise<boolean>;
14
+ remove(lessonId: string): Promise<boolean>;
15
+ }
16
+ declare global {
17
+ interface Window {
18
+ __buildmyiqNative?: {
19
+ offlineLessons: BuildmyiqOfflineLessonsBridge;
20
+ };
21
+ }
22
+ }
23
+ interface OfflineLessonControlProps {
24
+ lesson: BuiLesson;
25
+ }
26
+ export declare function OfflineLessonControl({ lesson }: OfflineLessonControlProps): import("react").JSX.Element | null;
27
+ export {};
28
+ //# sourceMappingURL=OfflineLessonControl.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OfflineLessonControl.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/OfflineLessonControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAMH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,UAAU,6BAA6B;IACrC,KAAK,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iBAAiB,CAAC,EAAE;YAClB,cAAc,EAAE,6BAA6B,CAAC;SAC/C,CAAC;KACH;CACF;AASD,UAAU,yBAAyB;IACjC,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,yBAAyB,sCAgHzE"}
@@ -0,0 +1,100 @@
1
+ import { useEcoFile as e } from "../hooks/useBuiFiles.js";
2
+ import "../hooks/index.js";
3
+ import { useEffect as t, useState as n } from "react";
4
+ import { CloudDownload as r, CloudOff as i, HardDriveDownload as a, Loader2 as o, Trash2 as s } from "lucide-react";
5
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
6
+ import { Button as u } from "@burdenoff/fe-libs/ui";
7
+ //#region src/buildmyiq/components/OfflineLessonControl.tsx
8
+ function d() {
9
+ if (!(typeof window > "u")) return window.__buildmyiqNative?.offlineLessons;
10
+ }
11
+ function f({ lesson: f }) {
12
+ let [p, m] = n(() => d() ? "checking" : "unavailable"), h = e(f.media?.id);
13
+ if (t(() => {
14
+ let e = d();
15
+ if (!e) return;
16
+ let t = !1;
17
+ return e.isCached(f.id).then((e) => {
18
+ t || m(e ? "cached" : "idle");
19
+ }).catch(() => {
20
+ t || m("idle");
21
+ }), () => {
22
+ t = !0;
23
+ };
24
+ }, [f.id]), p === "unavailable" || p === "checking") return null;
25
+ let g = async () => {
26
+ let e = d();
27
+ if (!e) {
28
+ m("unavailable");
29
+ return;
30
+ }
31
+ m("downloading");
32
+ try {
33
+ m(await e.cache({
34
+ id: f.id,
35
+ courseId: f.courseId,
36
+ title: f.title,
37
+ type: f.type,
38
+ content: f.content ?? null,
39
+ mediaUrl: h.data?.downloadUrl ?? null
40
+ }) ? "cached" : "error");
41
+ } catch {
42
+ m("error");
43
+ }
44
+ }, _ = async () => {
45
+ let e = d();
46
+ if (!e) {
47
+ m("unavailable");
48
+ return;
49
+ }
50
+ m("removing");
51
+ try {
52
+ m(await e.remove(f.id) ? "idle" : "error");
53
+ } catch {
54
+ m("error");
55
+ }
56
+ };
57
+ return p === "cached" ? /* @__PURE__ */ l("div", {
58
+ className: "inline-flex items-center gap-1.5",
59
+ children: [/* @__PURE__ */ l("span", {
60
+ className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary",
61
+ children: [/* @__PURE__ */ c(a, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" }), "Available offline"]
62
+ }), /* @__PURE__ */ c(u, {
63
+ type: "button",
64
+ variant: "ghost",
65
+ size: "icon-sm",
66
+ onClick: () => void _(),
67
+ "aria-label": "Remove offline copy of this lesson",
68
+ title: "Remove offline copy",
69
+ children: /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5" })
70
+ })]
71
+ }) : p === "downloading" || p === "removing" ? /* @__PURE__ */ l(u, {
72
+ type: "button",
73
+ variant: "outline",
74
+ size: "sm",
75
+ disabled: !0,
76
+ children: [/* @__PURE__ */ c(o, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }), p === "downloading" ? "Downloading…" : "Removing…"]
77
+ }) : p === "error" ? /* @__PURE__ */ l("div", {
78
+ className: "inline-flex items-center gap-1.5",
79
+ children: [/* @__PURE__ */ l("span", {
80
+ className: "inline-flex items-center gap-1 text-xs text-status-error-text",
81
+ children: [/* @__PURE__ */ c(i, { className: "h-3.5 w-3.5" }), " Could not save offline"]
82
+ }), /* @__PURE__ */ l(u, {
83
+ type: "button",
84
+ variant: "outline",
85
+ size: "sm",
86
+ onClick: () => void g(),
87
+ children: [/* @__PURE__ */ c(r, { className: "mr-1.5 h-3.5 w-3.5" }), " Retry"]
88
+ })]
89
+ }) : /* @__PURE__ */ l(u, {
90
+ type: "button",
91
+ variant: "outline",
92
+ size: "sm",
93
+ onClick: () => void g(),
94
+ children: [/* @__PURE__ */ c(r, { className: "mr-1.5 h-3.5 w-3.5" }), " Download for offline"]
95
+ });
96
+ }
97
+ //#endregion
98
+ export { f as OfflineLessonControl };
99
+
100
+ //# sourceMappingURL=OfflineLessonControl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OfflineLessonControl.js","names":[],"sources":["../../../src/buildmyiq/components/OfflineLessonControl.tsx"],"sourcesContent":["/**\n * OfflineLessonControl — \"Download for offline\" control for the lesson player (BOFF-4421).\n * @module buildmyiq/components/OfflineLessonControl\n *\n * Wires the lesson player to the app shell's offline-lesson cache. The\n * caching logic itself lives in `buildmyiq-app` (`src/lib/native/offline-lessons.ts`,\n * Capacitor Filesystem on native / `localStorage` fallback on web) and is\n * exposed as `window.__buildmyiqNative.offlineLessons` by that repo's\n * `installBuildmyiqNativeBridge()` (`src/lib/native/buildmyiq-bridge.ts`).\n *\n * This MFE never imports from `buildmyiq-app` directly — no MFE-to-shell npm\n * dependency, matching this monorepo's build-time MFE composition rules — it\n * only ever talks to the plain `window` global the shell installs. If that\n * bridge isn't present (e.g. this component somehow rendered outside the\n * buildmyiq app shell), the control quietly renders nothing: offline caching\n * is a UX nicety, never a hard dependency of the lesson player.\n */\n\nimport { useEffect, useState } from 'react';\nimport { CloudDownload, CloudOff, HardDriveDownload, Loader2, Trash2 } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useEcoFile } from '../hooks';\nimport type { BuiLesson } from '../types';\n\ninterface OfflineLessonInput {\n id: string;\n courseId: string;\n title: string;\n type: string;\n content: string | null;\n mediaUrl?: string | null;\n}\n\ninterface BuildmyiqOfflineLessonsBridge {\n cache(lesson: OfflineLessonInput): Promise<boolean>;\n isCached(lessonId: string): Promise<boolean>;\n remove(lessonId: string): Promise<boolean>;\n}\n\ndeclare global {\n interface Window {\n __buildmyiqNative?: {\n offlineLessons: BuildmyiqOfflineLessonsBridge;\n };\n }\n}\n\nfunction getBridge(): BuildmyiqOfflineLessonsBridge | undefined {\n if (typeof window === 'undefined') return undefined;\n return window.__buildmyiqNative?.offlineLessons;\n}\n\ntype Status = 'checking' | 'unavailable' | 'idle' | 'downloading' | 'cached' | 'removing' | 'error';\n\ninterface OfflineLessonControlProps {\n lesson: BuiLesson;\n}\n\nexport function OfflineLessonControl({ lesson }: OfflineLessonControlProps) {\n // Lazy initializer keeps the \"no bridge installed\" branch out of the\n // effect body (only promise-callback setState calls happen there).\n const [status, setStatus] = useState<Status>(() => (getBridge() ? 'checking' : 'unavailable'));\n // Reuses the same React Query cache entry `FileLink` populates for this\n // lesson's `media` (same queryKey) — no extra network round trip.\n const mediaFile = useEcoFile(lesson.media?.id);\n\n useEffect(() => {\n const bridge = getBridge();\n if (!bridge) return;\n let cancelled = false;\n bridge\n .isCached(lesson.id)\n .then((cached) => {\n if (!cancelled) setStatus(cached ? 'cached' : 'idle');\n })\n .catch(() => {\n if (!cancelled) setStatus('idle');\n });\n return () => {\n cancelled = true;\n };\n }, [lesson.id]);\n\n if (status === 'unavailable' || status === 'checking') return null;\n\n const handleDownload = async () => {\n const bridge = getBridge();\n if (!bridge) {\n setStatus('unavailable');\n return;\n }\n setStatus('downloading');\n try {\n const ok = await bridge.cache({\n id: lesson.id,\n courseId: lesson.courseId,\n title: lesson.title,\n type: lesson.type,\n content: lesson.content ?? null,\n mediaUrl: mediaFile.data?.downloadUrl ?? null,\n });\n setStatus(ok ? 'cached' : 'error');\n } catch {\n setStatus('error');\n }\n };\n\n const handleRemove = async () => {\n const bridge = getBridge();\n if (!bridge) {\n setStatus('unavailable');\n return;\n }\n setStatus('removing');\n try {\n const ok = await bridge.remove(lesson.id);\n setStatus(ok ? 'idle' : 'error');\n } catch {\n setStatus('error');\n }\n };\n\n if (status === 'cached') {\n return (\n <div className=\"inline-flex items-center gap-1.5\">\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary\">\n <HardDriveDownload className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n Available offline\n </span>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n onClick={() => void handleRemove()}\n aria-label=\"Remove offline copy of this lesson\"\n title=\"Remove offline copy\"\n >\n <Trash2 className=\"h-3.5 w-3.5\" />\n </Button>\n </div>\n );\n }\n\n if (status === 'downloading' || status === 'removing') {\n return (\n <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled>\n <Loader2 className=\"mr-1.5 h-3.5 w-3.5 animate-spin\" />\n {status === 'downloading' ? 'Downloading…' : 'Removing…'}\n </Button>\n );\n }\n\n if (status === 'error') {\n return (\n <div className=\"inline-flex items-center gap-1.5\">\n <span className=\"inline-flex items-center gap-1 text-xs text-status-error-text\">\n <CloudOff className=\"h-3.5 w-3.5\" /> Could not save offline\n </span>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleDownload()}>\n <CloudDownload className=\"mr-1.5 h-3.5 w-3.5\" /> Retry\n </Button>\n </div>\n );\n }\n\n return (\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleDownload()}>\n <CloudDownload className=\"mr-1.5 h-3.5 w-3.5\" /> Download for offline\n </Button>\n );\n}\n"],"mappings":";;;;;;;AA+CA,SAAS,IAAuD;CAC1D,aAAO,SAAW,MACtB,OAAO,OAAO,mBAAmB;AACnC;AAQA,SAAgB,EAAqB,EAAE,aAAqC;CAG1E,IAAM,CAAC,GAAQ,KAAa,QAAwB,EAAU,IAAI,aAAa,aAAc,GAGvF,IAAY,EAAW,EAAO,OAAO,EAAE;CAmB7C,IAjBA,QAAgB;EACd,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GAAQ;EACb,IAAI,IAAY;EAShB,OARA,EACG,SAAS,EAAO,EAAE,EAClB,MAAM,MAAW;GAChB,AAAK,KAAW,EAAU,IAAS,WAAW,MAAM;EACtD,CAAC,EACA,YAAY;GACX,AAAK,KAAW,EAAU,MAAM;EAClC,CAAC,SACU;GACX,IAAY;EACd;CACF,GAAG,CAAC,EAAO,EAAE,CAAC,GAEV,MAAW,iBAAiB,MAAW,YAAY,OAAO;CAE9D,IAAM,IAAiB,YAAY;EACjC,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GAAQ;GACX,EAAU,aAAa;GACvB;EACF;EACA,EAAU,aAAa;EACvB,IAAI;GASF,EAAU,MARO,EAAO,MAAM;IAC5B,IAAI,EAAO;IACX,UAAU,EAAO;IACjB,OAAO,EAAO;IACd,MAAM,EAAO;IACb,SAAS,EAAO,WAAW;IAC3B,UAAU,EAAU,MAAM,eAAe;GAC3C,CAAC,IACc,WAAW,OAAO;EACnC,QAAQ;GACN,EAAU,OAAO;EACnB;CACF,GAEM,IAAe,YAAY;EAC/B,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GAAQ;GACX,EAAU,aAAa;GACvB;EACF;EACA,EAAU,UAAU;EACpB,IAAI;GAEF,EAAU,MADO,EAAO,OAAO,EAAO,EAAE,IACzB,SAAS,OAAO;EACjC,QAAQ;GACN,EAAU,OAAO;EACnB;CACF;CA6CA,OA3CI,MAAW,WAEX,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAmB,WAAU,8CAA+C,CAAA,GAAC,mBAEzE;MACN,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,eAAe,KAAK,EAAa;GACjC,cAAW;GACX,OAAM;aAEN,kBAAC,GAAD,EAAQ,WAAU,cAAe,CAAA;EAC3B,CAAA,CACL;MAIL,MAAW,iBAAiB,MAAW,aAEvC,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAU,MAAK;EAAK,UAAA;YAAlD,CACE,kBAAC,GAAD,EAAS,WAAU,kCAAmC,CAAA,GACrD,MAAW,gBAAgB,iBAAiB,WACvC;MAIR,MAAW,UAEX,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,GAAC,yBAChC;MACN,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAU,MAAK;GAAK,eAAe,KAAK,EAAe;aAArF,CACE,kBAAC,GAAD,EAAe,WAAU,qBAAsB,CAAA,GAAC,QAC1C;IACL;MAKP,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAU,MAAK;EAAK,eAAe,KAAK,EAAe;YAArF,CACE,kBAAC,GAAD,EAAe,WAAU,qBAAsB,CAAA,GAAC,uBAC1C;;AAEZ"}
@@ -20,4 +20,5 @@ export { BuiDiscussion } from './BuiDiscussion';
20
20
  export { TutorPanel } from './TutorPanel';
21
21
  export { BuiTags } from './BuiTags';
22
22
  export { BuiPermissionButton, type BuiPermissionButtonProps } from './BuiPermissionButton';
23
+ export { OfflineLessonControl } from './OfflineLessonControl';
23
24
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -16,3 +16,4 @@ import "./BuiDiscussion.js";
16
16
  import "./TutorPanel.js";
17
17
  import "./BuiTags.js";
18
18
  import "./BuiPermissionButton.js";
19
+ import "./OfflineLessonControl.js";
@@ -1,6 +1,6 @@
1
1
  import { joinPath as e } from "../utils/navigation.js";
2
2
  import { createContext as t, useCallback as n, useContext as r, useMemo as i } from "react";
3
- import { MemoryRouter as a, useNavigate as o } from "react-router-dom";
3
+ import { MemoryRouter as a, useNavigate as o } from "react-router";
4
4
  import { jsx as s } from "react/jsx-runtime";
5
5
  //#region src/buildmyiq/context/BuildmyiqContext.tsx
6
6
  var c = t(null);
@@ -1 +1 @@
1
- {"version":3,"file":"BuildmyiqContext.js","names":[],"sources":["../../../src/buildmyiq/context/BuildmyiqContext.tsx"],"sourcesContent":["/**\n * Buildmyiq Context Provider\n * @module buildmyiq/context\n *\n * Splits standalone mode (wraps its own MemoryRouter + useNavigate) from\n * integrated mode (the host shell supplies `navigate`). Exposes gateway/auth\n * context + relative navigation helpers to every page.\n */\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo, useCallback } from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router-dom';\nimport type { BuildmyiqRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface BuildmyiqContextValue extends Omit<\n BuildmyiqRootProps,\n 'registerNavItems' | 'registerFooterItems' | 'navigate'\n> {\n isStandalone: boolean;\n /** Shell's navigate function (only available in integrated mode). */\n navigate?: (path: string) => void;\n /** Navigate to a path relative to basePath. */\n navigateTo: (relativePath: string) => void;\n /** Get the full path for a relative path. */\n getPath: (relativePath: string) => string;\n}\n\nconst BuildmyiqContext = createContext<BuildmyiqContextValue | null>(null);\n\nexport function useBuildmyiq(): BuildmyiqContextValue {\n const context = useContext(BuildmyiqContext);\n if (!context) {\n throw new Error('useBuildmyiq must be used within an BuildmyiqProvider');\n }\n return context;\n}\n\ntype ProviderProps = Omit<BuildmyiqRootProps, 'registerNavItems' | 'registerFooterItems'> & {\n isStandalone: boolean;\n};\n\nconst StandaloneProviderInner: FC<PropsWithChildren<ProviderProps>> = ({\n children,\n basePath,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n}) => {\n const routerNavigate = useRouterNavigate();\n const effectiveBasePath = basePath || '/';\n\n const getPath = useCallback(\n (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n [effectiveBasePath]\n );\n\n const navigateTo = useCallback(\n (relativePath: string) => {\n routerNavigate(joinPath(effectiveBasePath, relativePath));\n },\n [effectiveBasePath, routerNavigate]\n );\n\n const contextValue = useMemo<BuildmyiqContextValue>(\n () => ({\n basePath: effectiveBasePath,\n navigate: undefined,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n isStandalone: true,\n navigateTo,\n getPath,\n }),\n [\n effectiveBasePath,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n navigateTo,\n getPath,\n ]\n );\n\n return <BuildmyiqContext.Provider value={contextValue}>{children}</BuildmyiqContext.Provider>;\n};\n\nconst IntegratedProviderInner: FC<\n PropsWithChildren<ProviderProps & { navigate: (path: string) => void }>\n> = ({\n children,\n basePath,\n navigate,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n}) => {\n const effectiveBasePath = basePath || '/';\n\n const getPath = useCallback(\n (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n [effectiveBasePath]\n );\n\n const navigateTo = useCallback(\n (relativePath: string) => {\n navigate(joinPath(effectiveBasePath, relativePath));\n },\n [effectiveBasePath, navigate]\n );\n\n const contextValue = useMemo<BuildmyiqContextValue>(\n () => ({\n basePath: effectiveBasePath,\n navigate,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n isStandalone: false,\n navigateTo,\n getPath,\n }),\n [\n effectiveBasePath,\n navigate,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n navigateTo,\n getPath,\n ]\n );\n\n return <BuildmyiqContext.Provider value={contextValue}>{children}</BuildmyiqContext.Provider>;\n};\n\nexport const BuildmyiqProvider: FC<PropsWithChildren<BuildmyiqRootProps>> = (props) => {\n const { children, navigate } = props;\n const isStandalone = !navigate;\n\n if (isStandalone) {\n return (\n <MemoryRouter>\n <StandaloneProviderInner {...props} isStandalone={true}>\n {children}\n </StandaloneProviderInner>\n </MemoryRouter>\n );\n }\n\n return (\n <IntegratedProviderInner {...props} navigate={navigate} isStandalone={false}>\n {children}\n </IntegratedProviderInner>\n );\n};\n"],"mappings":";;;;;AA4BA,IAAM,IAAmB,EAA4C,IAAI;AAEzE,SAAgB,IAAsC;CACpD,IAAM,IAAU,EAAW,CAAgB;CAC3C,IAAI,CAAC,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAO;AACT;AAMA,IAAM,KAAiE,EACrE,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAiB,EAAkB,GACnC,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAe,EAAS,GAAmB,CAAY,CAAC;CAC1D,GACA,CAAC,GAAmB,CAAc,CACpC,GAEM,IAAe,SACZ;EACL,UAAU;EACV,UAAU,KAAA;EACV;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;EAAe;CAAoC,CAAA;AAC9F,GAEM,KAED,EACH,aACA,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAS,EAAS,GAAmB,CAAY,CAAC;CACpD,GACA,CAAC,GAAmB,CAAQ,CAC9B,GAEM,IAAe,SACZ;EACL,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;EAAe;CAAoC,CAAA;AAC9F,GAEa,KAAgE,MAAU;CACrF,IAAM,EAAE,aAAU,gBAAa;CAa/B,OAZsB,IAapB,kBAAC,GAAD;EAAyB,GAAI;EAAiB;EAAU,cAAc;EACnE;CACsB,CAAA,IAXvB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAyB,GAAI;EAAO,cAAc;EAC/C;CACsB,CAAA,EACb,CAAA;AASpB"}
1
+ {"version":3,"file":"BuildmyiqContext.js","names":[],"sources":["../../../src/buildmyiq/context/BuildmyiqContext.tsx"],"sourcesContent":["/**\n * Buildmyiq Context Provider\n * @module buildmyiq/context\n *\n * Splits standalone mode (wraps its own MemoryRouter + useNavigate) from\n * integrated mode (the host shell supplies `navigate`). Exposes gateway/auth\n * context + relative navigation helpers to every page.\n */\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo, useCallback } from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router';\nimport type { BuildmyiqRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface BuildmyiqContextValue extends Omit<\n BuildmyiqRootProps,\n 'registerNavItems' | 'registerFooterItems' | 'navigate'\n> {\n isStandalone: boolean;\n /** Shell's navigate function (only available in integrated mode). */\n navigate?: (path: string) => void;\n /** Navigate to a path relative to basePath. */\n navigateTo: (relativePath: string) => void;\n /** Get the full path for a relative path. */\n getPath: (relativePath: string) => string;\n}\n\nconst BuildmyiqContext = createContext<BuildmyiqContextValue | null>(null);\n\nexport function useBuildmyiq(): BuildmyiqContextValue {\n const context = useContext(BuildmyiqContext);\n if (!context) {\n throw new Error('useBuildmyiq must be used within an BuildmyiqProvider');\n }\n return context;\n}\n\ntype ProviderProps = Omit<BuildmyiqRootProps, 'registerNavItems' | 'registerFooterItems'> & {\n isStandalone: boolean;\n};\n\nconst StandaloneProviderInner: FC<PropsWithChildren<ProviderProps>> = ({\n children,\n basePath,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n}) => {\n const routerNavigate = useRouterNavigate();\n const effectiveBasePath = basePath || '/';\n\n const getPath = useCallback(\n (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n [effectiveBasePath]\n );\n\n const navigateTo = useCallback(\n (relativePath: string) => {\n routerNavigate(joinPath(effectiveBasePath, relativePath));\n },\n [effectiveBasePath, routerNavigate]\n );\n\n const contextValue = useMemo<BuildmyiqContextValue>(\n () => ({\n basePath: effectiveBasePath,\n navigate: undefined,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n isStandalone: true,\n navigateTo,\n getPath,\n }),\n [\n effectiveBasePath,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n navigateTo,\n getPath,\n ]\n );\n\n return <BuildmyiqContext.Provider value={contextValue}>{children}</BuildmyiqContext.Provider>;\n};\n\nconst IntegratedProviderInner: FC<\n PropsWithChildren<ProviderProps & { navigate: (path: string) => void }>\n> = ({\n children,\n basePath,\n navigate,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n}) => {\n const effectiveBasePath = basePath || '/';\n\n const getPath = useCallback(\n (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n [effectiveBasePath]\n );\n\n const navigateTo = useCallback(\n (relativePath: string) => {\n navigate(joinPath(effectiveBasePath, relativePath));\n },\n [effectiveBasePath, navigate]\n );\n\n const contextValue = useMemo<BuildmyiqContextValue>(\n () => ({\n basePath: effectiveBasePath,\n navigate,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n isStandalone: false,\n navigateTo,\n getPath,\n }),\n [\n effectiveBasePath,\n navigate,\n currentUser,\n tenantId,\n workspaceId,\n apiGatewayUrl,\n authToken,\n navigateTo,\n getPath,\n ]\n );\n\n return <BuildmyiqContext.Provider value={contextValue}>{children}</BuildmyiqContext.Provider>;\n};\n\nexport const BuildmyiqProvider: FC<PropsWithChildren<BuildmyiqRootProps>> = (props) => {\n const { children, navigate } = props;\n const isStandalone = !navigate;\n\n if (isStandalone) {\n return (\n <MemoryRouter>\n <StandaloneProviderInner {...props} isStandalone={true}>\n {children}\n </StandaloneProviderInner>\n </MemoryRouter>\n );\n }\n\n return (\n <IntegratedProviderInner {...props} navigate={navigate} isStandalone={false}>\n {children}\n </IntegratedProviderInner>\n );\n};\n"],"mappings":";;;;;AA4BA,IAAM,IAAmB,EAA4C,IAAI;AAEzE,SAAgB,IAAsC;CACpD,IAAM,IAAU,EAAW,CAAgB;CAC3C,IAAI,CAAC,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAO;AACT;AAMA,IAAM,KAAiE,EACrE,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAiB,EAAkB,GACnC,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAe,EAAS,GAAmB,CAAY,CAAC;CAC1D,GACA,CAAC,GAAmB,CAAc,CACpC,GAEM,IAAe,SACZ;EACL,UAAU;EACV,UAAU,KAAA;EACV;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;EAAe;CAAoC,CAAA;AAC9F,GAEM,KAED,EACH,aACA,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAS,EAAS,GAAmB,CAAY,CAAC;CACpD,GACA,CAAC,GAAmB,CAAQ,CAC9B,GAEM,IAAe,SACZ;EACL,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;EAAe;CAAoC,CAAA;AAC9F,GAEa,KAAgE,MAAU;CACrF,IAAM,EAAE,aAAU,gBAAa;CAa/B,OAZsB,IAapB,kBAAC,GAAD;EAAyB,GAAI;EAAiB;EAAU,cAAc;EACnE;CACsB,CAAA,IAXvB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAyB,GAAI;EAAO,cAAc;EAC/C;CACsB,CAAA,EACb,CAAA;AASpB"}
@@ -13,7 +13,7 @@ import "../../components/index.js";
13
13
  import { QUESTION_TYPES as oe } from "../../types/index.js";
14
14
  import { useMemo as l, useState as u } from "react";
15
15
  import { Archive as se, ArrowLeft as d, Circle as f, ClipboardCheck as p, ClipboardEdit as ce, Clock as le, Lightbulb as m, Plus as h, Repeat as ue, Send as de, Square as g, Trash2 as fe, Trophy as pe } from "lucide-react";
16
- import { useParams as me } from "react-router-dom";
16
+ import { useParams as me } from "react-router";
17
17
  import { Fragment as he, jsx as _, jsxs as v } from "react/jsx-runtime";
18
18
  import { Button as y, Checkbox as ge, GlassCard as b, Input as x, Label as S, ResponsiveDialog as C, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as O, Select as _e, SelectContent as ve, SelectItem as ye, SelectTrigger as be, SelectValue as xe, Textarea as k } from "@burdenoff/fe-libs/ui";
19
19
  //#region src/buildmyiq/pages/assessments/AssessmentDetailPage.tsx
@@ -1 +1 @@
1
- {"version":3,"file":"AssessmentDetailPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/assessments/AssessmentDetailPage.tsx"],"sourcesContent":["/**\n * AssessmentDetailPage — a single assessment + its question builder.\n * @module buildmyiq/pages/assessments\n *\n * Reads `buiAssessment` (which includes `questions[]`). Educators can publish a\n * DRAFT assessment (`useBuiPublishAssessment`) and add questions\n * (`useBuiCreateQuestion`). The question builder writes an `options` JSON array\n * of `{ label }` for choice questions and an optional input-only `answerKey`\n * (correct label(s)) — the latter is never read back (not exposed on the type).\n *\n * Published/Draft assessments can also be archived (`useBuiArchiveAssessment`,\n * BOFF-4722) — a soft-delete that releases the assessment's reusable\n * `buildmyiq.assessments.count` quota slot so the workspace can create a\n * replacement without hitting the plan limit.\n */\n\nimport { useMemo, useState, type FC, type ReactNode } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n Archive,\n ArrowLeft,\n Plus,\n Send,\n ClipboardCheck,\n ClipboardEdit,\n Circle,\n Square,\n Clock,\n Trophy,\n Repeat,\n Trash2,\n Lightbulb,\n} from 'lucide-react';\nimport {\n Button,\n GlassCard,\n Input,\n Label,\n Textarea,\n Checkbox,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n StatusBadge,\n Section,\n EmptyState,\n LoadingView,\n ErrorView,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n useBuiAssessment,\n useBuiPublishAssessment,\n useBuiArchiveAssessment,\n useBuiCreateQuestion,\n} from '../../hooks';\nimport { BuiPermissionButton } from '../../components/BuiPermissionButton';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport { QUESTION_TYPES } from '../../types';\nimport type { BuiQuestion, BuiQuestionType } from '../../types';\n\n// ---------------------------------------------------------------------------\n// Safe narrowing for the untyped `options` JSON blob (array of { id?, label }).\n// ---------------------------------------------------------------------------\ninterface QuestionOption {\n id?: string;\n label: string;\n}\n\nconst parseOptions = (raw: unknown): QuestionOption[] => {\n if (!Array.isArray(raw)) return [];\n const out: QuestionOption[] = [];\n for (const item of raw) {\n if (item && typeof item === 'object' && 'label' in item) {\n const label = (item as { label: unknown }).label;\n if (typeof label === 'string') {\n const idVal = (item as { id?: unknown }).id;\n out.push({ label, id: typeof idVal === 'string' ? idVal : undefined });\n }\n }\n }\n return out;\n};\n\nconst PROMPT_MAX = 1000;\n\nconst CHOICE_TYPES = new Set<BuiQuestionType>(['SINGLE_CHOICE', 'MULTIPLE_CHOICE']);\nconst isExclusive = (type: BuiQuestionType): boolean =>\n type === 'SINGLE_CHOICE' || type === 'TRUE_FALSE';\n\ninterface OptionDraft {\n label: string;\n correct: boolean;\n}\n\ninterface QuestionFormState {\n prompt: string;\n type: BuiQuestionType;\n points: string;\n explanation: string;\n options: OptionDraft[];\n shortAnswer: string;\n}\n\nconst blankChoiceOptions = (): OptionDraft[] => [\n { label: '', correct: false },\n { label: '', correct: false },\n];\n\nconst trueFalseOptions = (): OptionDraft[] => [\n { label: 'True', correct: false },\n { label: 'False', correct: false },\n];\n\nconst makeEmptyForm = (): QuestionFormState => ({\n prompt: '',\n type: 'SINGLE_CHOICE',\n points: '1',\n explanation: '',\n options: blankChoiceOptions(),\n shortAnswer: '',\n});\n\nexport const AssessmentDetailPage: FC = () => {\n const { assessmentId } = useParams<{ assessmentId: string }>();\n const { navigateTo } = useBuildmyiq();\n\n const assessmentQuery = useBuiAssessment(assessmentId);\n const publishAssessment = useBuiPublishAssessment();\n const archiveAssessment = useBuiArchiveAssessment();\n const createQuestion = useBuiCreateQuestion();\n\n const [dialogOpen, setDialogOpen] = useState(false);\n const [form, setForm] = useState<QuestionFormState>(makeEmptyForm);\n const [formError, setFormError] = useState<string | null>(null);\n const [confirmArchive, setConfirmArchive] = useState(false);\n const [archiveError, setArchiveError] = useState<string | null>(null);\n\n const assessment = assessmentQuery.data ?? null;\n const questions = useMemo(\n () => [...(assessment?.questions ?? [])].sort((a, b) => a.position - b.position),\n [assessment]\n );\n\n const nextPosition = useMemo(\n () => (questions.length ? Math.max(...questions.map((q) => q.position)) + 1 : 1),\n [questions]\n );\n\n const totalPoints = useMemo(() => questions.reduce((sum, q) => sum + q.points, 0), [questions]);\n\n const usesOptions = form.type === 'TRUE_FALSE' || CHOICE_TYPES.has(form.type);\n\n const openDialog = () => {\n setForm(makeEmptyForm());\n setFormError(null);\n setDialogOpen(true);\n };\n\n const closeDialog = () => {\n setDialogOpen(false);\n setForm(makeEmptyForm());\n setFormError(null);\n };\n\n const changeType = (type: BuiQuestionType) => {\n setForm((prev) => {\n let options = prev.options;\n if (type === 'TRUE_FALSE') options = trueFalseOptions();\n else if (CHOICE_TYPES.has(type)) {\n options = prev.options.some((o) => o.label === 'True' || o.label === 'False')\n ? blankChoiceOptions()\n : prev.options;\n }\n return { ...prev, type, options };\n });\n };\n\n const setOptionLabel = (index: number, label: string) => {\n setForm((prev) => ({\n ...prev,\n options: prev.options.map((o, i) => (i === index ? { ...o, label } : o)),\n }));\n };\n\n const toggleCorrect = (index: number, value: boolean) => {\n setForm((prev) => ({\n ...prev,\n options: prev.options.map((o, i) =>\n i === index\n ? { ...o, correct: value }\n : isExclusive(prev.type)\n ? { ...o, correct: false }\n : o\n ),\n }));\n };\n\n const addOption = () => {\n setForm((prev) => ({ ...prev, options: [...prev.options, { label: '', correct: false }] }));\n };\n\n const removeOption = (index: number) => {\n setForm((prev) => ({ ...prev, options: prev.options.filter((_, i) => i !== index) }));\n };\n\n const handlePublish = async () => {\n if (!assessment) return;\n try {\n await publishAssessment.mutateAsync(assessment.id);\n } catch {\n // The mutation surfaces its own error state; nothing else to do here.\n }\n };\n\n const handleArchive = async () => {\n if (!assessment) return;\n setArchiveError(null);\n try {\n await archiveAssessment.mutateAsync({ id: assessment.id, courseId: assessment.courseId });\n setConfirmArchive(false);\n navigateTo('assessments');\n } catch (err) {\n setArchiveError(err instanceof Error ? err.message : 'Failed to archive this assessment.');\n }\n };\n\n const handleAddQuestion = async () => {\n if (!assessmentId) return;\n if (!form.prompt.trim()) {\n setFormError('Question prompt is required.');\n return;\n }\n\n let options: { label: string }[] | undefined;\n let answerKey: string[] | string | undefined;\n\n if (usesOptions) {\n const cleaned = form.options\n .map((o) => ({ label: o.label.trim(), correct: o.correct }))\n .filter((o) => o.label.length > 0);\n if (CHOICE_TYPES.has(form.type) && cleaned.length < 2) {\n setFormError('Add at least two options.');\n return;\n }\n options = cleaned.map((o) => ({ label: o.label }));\n const correct = cleaned.filter((o) => o.correct).map((o) => o.label);\n if (correct.length) answerKey = correct;\n } else if (form.type === 'SHORT_ANSWER') {\n answerKey = form.shortAnswer.trim() || undefined;\n }\n\n try {\n await createQuestion.mutateAsync({\n assessmentId,\n prompt: form.prompt.trim(),\n type: form.type,\n points: form.points ? Number(form.points) : undefined,\n position: nextPosition,\n explanation: form.explanation.trim() || undefined,\n options,\n answerKey,\n });\n closeDialog();\n } catch (err) {\n setFormError(err instanceof Error ? err.message : 'Failed to add question.');\n }\n };\n\n // ----- Loading / error / not-found -----\n if (assessmentQuery.isLoading) {\n return (\n <PageLayout title=\"Assessment\">\n <LoadingView label=\"Loading assessment…\" />\n </PageLayout>\n );\n }\n\n if (assessmentQuery.isError) {\n return (\n <PageLayout title=\"Assessment\">\n <ErrorView\n message=\"Couldn't load this assessment.\"\n onRetry={() => assessmentQuery.refetch()}\n />\n </PageLayout>\n );\n }\n\n if (!assessment) {\n return (\n <PageLayout title=\"Assessment\">\n <EmptyState\n illustration=\"empty-search\"\n title=\"Assessment not found\"\n description=\"This assessment may have been removed or you don't have access to it.\"\n action={<Button onClick={() => navigateTo('assessments')}>Back to assessments</Button>}\n />\n </PageLayout>\n );\n }\n\n const isDraft = assessment.status === 'DRAFT';\n const isArchived = assessment.status === 'ARCHIVED';\n\n return (\n <PageLayout\n title={\n <span className=\"flex min-w-0 items-center gap-3\">\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n <ClipboardEdit className=\"h-5 w-5\" />\n </span>\n <span className=\"truncate\">{assessment.title}</span>\n </span>\n }\n description={assessment.description ?? undefined}\n actions={\n <>\n <Button variant=\"ghost\" onClick={() => navigateTo('submissions')}>\n <ClipboardCheck className=\"mr-1.5 h-4 w-4\" /> Submissions\n </Button>\n {!isArchived && (\n <BuiPermissionButton\n resource=\"buildmyiq-assessment\"\n action=\"delete\"\n deniedBehavior=\"hide\"\n >\n <Button variant=\"outline\" onClick={() => setConfirmArchive(true)}>\n <Archive className=\"mr-1.5 h-4 w-4\" /> Archive\n </Button>\n </BuiPermissionButton>\n )}\n {isDraft ? (\n <Button onClick={handlePublish} disabled={publishAssessment.isPending}>\n <Send className=\"mr-1.5 h-4 w-4\" />\n {publishAssessment.isPending ? 'Publishing…' : 'Publish'}\n </Button>\n ) : (\n <StatusBadge status={assessment.status} className=\"px-3 py-1.5\" />\n )}\n </>\n }\n >\n <button\n type=\"button\"\n onClick={() => navigateTo('assessments')}\n className=\"mb-4 inline-flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-text-primary\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> All assessments\n </button>\n\n {archiveError && (\n <p className=\"mb-4 rounded-lg border border-status-error-bg-subtle bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {archiveError}\n </p>\n )}\n\n {/* Meta */}\n <GlassCard treatment=\"glass\" className=\"mb-6 p-5 sm:p-6\">\n <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n <StatusBadge status={assessment.type} />\n <StatusBadge status={assessment.status} />\n {assessment.isGraded ? (\n <StatusBadge status=\"GRADED\" />\n ) : (\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n Not graded\n </span>\n )}\n </div>\n <div className=\"grid grid-cols-2 gap-y-6 sm:grid-cols-4\">\n <MetaTile\n icon={<Trophy className=\"h-5 w-5\" />}\n label=\"Passing score\"\n value={`${assessment.passingScore}%`}\n />\n <MetaTile\n icon={<Clock className=\"h-5 w-5\" />}\n label=\"Time limit\"\n value={formatDuration(assessment.timeLimitMin)}\n divider\n />\n <MetaTile\n icon={<Repeat className=\"h-5 w-5\" />}\n label=\"Max attempts\"\n value={assessment.maxAttempts}\n divider\n />\n <MetaTile\n icon={<ClipboardCheck className=\"h-5 w-5\" />}\n label=\"Graded\"\n value={assessment.isGraded ? 'Yes' : 'No'}\n divider\n />\n </div>\n </GlassCard>\n\n {/* Questions */}\n <Section\n title={`Questions (${questions.length})`}\n description={\n questions.length > 0\n ? `${totalPoints} point${totalPoints === 1 ? '' : 's'} across ${questions.length} question${\n questions.length === 1 ? '' : 's'\n }`\n : undefined\n }\n action={\n <Button variant=\"outline\" onClick={openDialog}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> Add question\n </Button>\n }\n >\n {questions.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No questions yet\"\n description=\"Build this assessment by adding its first question.\"\n action={\n <Button onClick={openDialog}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> Add question\n </Button>\n }\n />\n ) : (\n <ol className=\"flex flex-col gap-3\">\n {questions.map((q, idx) => (\n <QuestionRow key={q.id} index={idx + 1} question={q} />\n ))}\n </ol>\n )}\n </Section>\n\n {/* Add-question dialog */}\n <ResponsiveDialog\n open={dialogOpen}\n onOpenChange={(open) => {\n if (!open) closeDialog();\n else setDialogOpen(true);\n }}\n >\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Add question</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Question {nextPosition} · pick a type, write the prompt and mark the correct\n answer(s).\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"grid gap-4 py-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prompt\">Prompt *</Label>\n <Textarea\n id=\"prompt\"\n value={form.prompt}\n onChange={(e) => setForm({ ...form, prompt: e.target.value.slice(0, PROMPT_MAX) })}\n placeholder=\"Enter your question prompt…\"\n rows={3}\n maxLength={PROMPT_MAX}\n />\n <p className=\"text-right text-xs tabular-nums text-text-secondary\">\n {form.prompt.length} / {PROMPT_MAX}\n </p>\n </div>\n\n <div className=\"grid gap-2 sm:grid-cols-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"questionType\">Type</Label>\n <Select value={form.type} onValueChange={(v) => changeType(v as BuiQuestionType)}>\n <SelectTrigger id=\"questionType\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {QUESTION_TYPES.map((t) => (\n <SelectItem key={t} value={t}>\n {formatEnumLabel(t)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"points\">Points</Label>\n <Input\n id=\"points\"\n type=\"number\"\n min=\"0\"\n step=\"1\"\n value={form.points}\n onChange={(e) => setForm({ ...form, points: e.target.value })}\n placeholder=\"1\"\n />\n </div>\n </div>\n\n {usesOptions && (\n <div className=\"grid gap-2\">\n <Label>Options{form.type !== 'TRUE_FALSE' && ' *'}</Label>\n <p className=\"-mt-1 text-xs text-text-secondary\">\n Tick the {isExclusive(form.type) ? 'single correct answer' : 'correct answers'}.\n </p>\n <div className=\"flex flex-col gap-2\">\n {form.options.map((opt, i) => (\n <div\n key={i}\n className={cn(\n 'flex items-center gap-2.5 rounded-lg border px-2.5 py-1.5 transition-colors',\n opt.correct\n ? 'border-status-success-text bg-status-success-bg-subtle'\n : 'border-border-seam bg-bg-surface'\n )}\n >\n <Checkbox\n checked={opt.correct}\n onCheckedChange={(c) => toggleCorrect(i, c === true)}\n aria-label=\"Mark option correct\"\n />\n <Input\n value={opt.label}\n readOnly={form.type === 'TRUE_FALSE'}\n onChange={(e) => setOptionLabel(i, e.target.value)}\n placeholder={`Option ${i + 1}`}\n className=\"flex-1 border-0 bg-transparent px-1 shadow-none focus-visible:ring-0\"\n />\n {opt.correct && (\n <span className=\"shrink-0 text-xs font-medium text-status-success-text\">\n Correct\n </span>\n )}\n {form.type !== 'TRUE_FALSE' && form.options.length > 2 && (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n onClick={() => removeOption(i)}\n aria-label=\"Remove option\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </Button>\n )}\n </div>\n ))}\n </div>\n {form.type !== 'TRUE_FALSE' && (\n <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={addOption}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> Add option\n </Button>\n )}\n </div>\n )}\n\n {form.type === 'SHORT_ANSWER' && (\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"shortAnswer\">Expected answer</Label>\n <Input\n id=\"shortAnswer\"\n value={form.shortAnswer}\n onChange={(e) => setForm({ ...form, shortAnswer: e.target.value })}\n placeholder=\"The accepted answer (used as the grading key).\"\n />\n </div>\n )}\n\n {(form.type === 'ESSAY' || form.type === 'CODE') && (\n <p className=\"rounded-lg bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n {formatEnumLabel(form.type)} responses are graded manually from the Submissions\n view.\n </p>\n )}\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"explanation\">Explanation</Label>\n <Textarea\n id=\"explanation\"\n value={form.explanation}\n onChange={(e) => setForm({ ...form, explanation: e.target.value })}\n placeholder=\"Shown to learners after grading (optional).\"\n rows={2}\n />\n </div>\n\n {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={closeDialog}>\n Cancel\n </Button>\n <Button onClick={handleAddQuestion} disabled={createQuestion.isPending}>\n {createQuestion.isPending ? 'Adding…' : 'Add question'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n\n {/* Archive confirmation */}\n <ResponsiveDialog\n open={confirmArchive}\n onOpenChange={(open) => {\n if (!open) setConfirmArchive(false);\n }}\n >\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Archive this assessment?</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Archived assessments are hidden from the catalog and can no longer be submitted to.\n This frees up its quota slot so you can create a replacement assessment for this\n course.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <ResponsiveDialogFooter>\n <Button\n variant=\"outline\"\n onClick={() => setConfirmArchive(false)}\n disabled={archiveAssessment.isPending}\n >\n Cancel\n </Button>\n <Button\n variant=\"destructive\"\n onClick={handleArchive}\n disabled={archiveAssessment.isPending}\n >\n {archiveAssessment.isPending ? 'Archiving…' : 'Archive assessment'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n};\n\n// ---------------------------------------------------------------------------\n// Meta tile — an icon-circle stat used in the assessment summary card.\n// ---------------------------------------------------------------------------\ninterface MetaTileProps {\n icon: ReactNode;\n label: string;\n value: ReactNode;\n /** Draw a subtle left divider on ≥sm (all tiles except the first in the row). */\n divider?: boolean;\n}\n\nconst MetaTile: FC<MetaTileProps> = ({ icon, label, value, divider }) => (\n <div\n className={cn(\n 'flex items-center gap-3',\n divider && 'sm:border-l sm:border-border-seam sm:pl-5'\n )}\n >\n <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n {icon}\n </span>\n <div className=\"min-w-0\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">{label}</p>\n <p className=\"mt-0.5 text-lg font-semibold tabular-nums text-text-primary\">{value}</p>\n </div>\n </div>\n);\n\n// ---------------------------------------------------------------------------\n// Question row\n// ---------------------------------------------------------------------------\nconst freeTextHint = (type: BuiQuestionType): string => {\n switch (type) {\n case 'SHORT_ANSWER':\n return 'Learners type a short answer — auto-graded against the answer key.';\n case 'ESSAY':\n return 'Open long-form response — graded manually from Submissions.';\n case 'CODE':\n return 'Code response — graded manually from Submissions.';\n default:\n return 'Free-text response.';\n }\n};\n\ninterface QuestionRowProps {\n index: number;\n question: BuiQuestion;\n}\n\nconst QuestionRow: FC<QuestionRowProps> = ({ index, question }) => {\n const options = parseOptions(question.options);\n const isChoice = CHOICE_TYPES.has(question.type) || question.type === 'TRUE_FALSE';\n const isMulti = question.type === 'MULTIPLE_CHOICE';\n\n return (\n <li>\n <GlassCard treatment=\"plain\" className=\"p-4 sm:p-5\">\n <div className=\"flex items-start gap-3.5\">\n <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-sm font-bold tabular-nums text-[var(--color-accent-teal)]\">\n {index}\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <StatusBadge status={question.type} />\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium tabular-nums text-text-secondary\">\n {question.points} pt{question.points === 1 ? '' : 's'}\n </span>\n </div>\n\n <p className=\"mt-2.5 font-medium text-text-primary\">{question.prompt}</p>\n\n {isChoice && options.length > 0 && (\n <ul className=\"mt-3 flex flex-col gap-2\">\n {options.map((opt, i) => (\n <li\n key={opt.id ?? `${i}-${opt.label}`}\n className=\"flex items-center gap-2.5 rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n >\n {isMulti ? (\n <Square className=\"h-4 w-4 shrink-0 text-text-secondary opacity-60\" />\n ) : (\n <Circle className=\"h-4 w-4 shrink-0 text-text-secondary opacity-60\" />\n )}\n <span className=\"min-w-0\">{opt.label}</span>\n </li>\n ))}\n </ul>\n )}\n\n {!isChoice && (\n <p className=\"mt-3 rounded-lg border border-dashed border-border-seam bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n {freeTextHint(question.type)}\n </p>\n )}\n\n {question.explanation && (\n <p className=\"mt-3 flex items-start gap-1.5 rounded-lg bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n <Lightbulb className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-status-warning-text\" />\n <span>{question.explanation}</span>\n </p>\n )}\n </div>\n </div>\n </GlassCard>\n </li>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"AssessmentDetailPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/assessments/AssessmentDetailPage.tsx"],"sourcesContent":["/**\n * AssessmentDetailPage — a single assessment + its question builder.\n * @module buildmyiq/pages/assessments\n *\n * Reads `buiAssessment` (which includes `questions[]`). Educators can publish a\n * DRAFT assessment (`useBuiPublishAssessment`) and add questions\n * (`useBuiCreateQuestion`). The question builder writes an `options` JSON array\n * of `{ label }` for choice questions and an optional input-only `answerKey`\n * (correct label(s)) — the latter is never read back (not exposed on the type).\n *\n * Published/Draft assessments can also be archived (`useBuiArchiveAssessment`,\n * BOFF-4722) — a soft-delete that releases the assessment's reusable\n * `buildmyiq.assessments.count` quota slot so the workspace can create a\n * replacement without hitting the plan limit.\n */\n\nimport { useMemo, useState, type FC, type ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport {\n Archive,\n ArrowLeft,\n Plus,\n Send,\n ClipboardCheck,\n ClipboardEdit,\n Circle,\n Square,\n Clock,\n Trophy,\n Repeat,\n Trash2,\n Lightbulb,\n} from 'lucide-react';\nimport {\n Button,\n GlassCard,\n Input,\n Label,\n Textarea,\n Checkbox,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n StatusBadge,\n Section,\n EmptyState,\n LoadingView,\n ErrorView,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n useBuiAssessment,\n useBuiPublishAssessment,\n useBuiArchiveAssessment,\n useBuiCreateQuestion,\n} from '../../hooks';\nimport { BuiPermissionButton } from '../../components/BuiPermissionButton';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport { QUESTION_TYPES } from '../../types';\nimport type { BuiQuestion, BuiQuestionType } from '../../types';\n\n// ---------------------------------------------------------------------------\n// Safe narrowing for the untyped `options` JSON blob (array of { id?, label }).\n// ---------------------------------------------------------------------------\ninterface QuestionOption {\n id?: string;\n label: string;\n}\n\nconst parseOptions = (raw: unknown): QuestionOption[] => {\n if (!Array.isArray(raw)) return [];\n const out: QuestionOption[] = [];\n for (const item of raw) {\n if (item && typeof item === 'object' && 'label' in item) {\n const label = (item as { label: unknown }).label;\n if (typeof label === 'string') {\n const idVal = (item as { id?: unknown }).id;\n out.push({ label, id: typeof idVal === 'string' ? idVal : undefined });\n }\n }\n }\n return out;\n};\n\nconst PROMPT_MAX = 1000;\n\nconst CHOICE_TYPES = new Set<BuiQuestionType>(['SINGLE_CHOICE', 'MULTIPLE_CHOICE']);\nconst isExclusive = (type: BuiQuestionType): boolean =>\n type === 'SINGLE_CHOICE' || type === 'TRUE_FALSE';\n\ninterface OptionDraft {\n label: string;\n correct: boolean;\n}\n\ninterface QuestionFormState {\n prompt: string;\n type: BuiQuestionType;\n points: string;\n explanation: string;\n options: OptionDraft[];\n shortAnswer: string;\n}\n\nconst blankChoiceOptions = (): OptionDraft[] => [\n { label: '', correct: false },\n { label: '', correct: false },\n];\n\nconst trueFalseOptions = (): OptionDraft[] => [\n { label: 'True', correct: false },\n { label: 'False', correct: false },\n];\n\nconst makeEmptyForm = (): QuestionFormState => ({\n prompt: '',\n type: 'SINGLE_CHOICE',\n points: '1',\n explanation: '',\n options: blankChoiceOptions(),\n shortAnswer: '',\n});\n\nexport const AssessmentDetailPage: FC = () => {\n const { assessmentId } = useParams<{ assessmentId: string }>();\n const { navigateTo } = useBuildmyiq();\n\n const assessmentQuery = useBuiAssessment(assessmentId);\n const publishAssessment = useBuiPublishAssessment();\n const archiveAssessment = useBuiArchiveAssessment();\n const createQuestion = useBuiCreateQuestion();\n\n const [dialogOpen, setDialogOpen] = useState(false);\n const [form, setForm] = useState<QuestionFormState>(makeEmptyForm);\n const [formError, setFormError] = useState<string | null>(null);\n const [confirmArchive, setConfirmArchive] = useState(false);\n const [archiveError, setArchiveError] = useState<string | null>(null);\n\n const assessment = assessmentQuery.data ?? null;\n const questions = useMemo(\n () => [...(assessment?.questions ?? [])].sort((a, b) => a.position - b.position),\n [assessment]\n );\n\n const nextPosition = useMemo(\n () => (questions.length ? Math.max(...questions.map((q) => q.position)) + 1 : 1),\n [questions]\n );\n\n const totalPoints = useMemo(() => questions.reduce((sum, q) => sum + q.points, 0), [questions]);\n\n const usesOptions = form.type === 'TRUE_FALSE' || CHOICE_TYPES.has(form.type);\n\n const openDialog = () => {\n setForm(makeEmptyForm());\n setFormError(null);\n setDialogOpen(true);\n };\n\n const closeDialog = () => {\n setDialogOpen(false);\n setForm(makeEmptyForm());\n setFormError(null);\n };\n\n const changeType = (type: BuiQuestionType) => {\n setForm((prev) => {\n let options = prev.options;\n if (type === 'TRUE_FALSE') options = trueFalseOptions();\n else if (CHOICE_TYPES.has(type)) {\n options = prev.options.some((o) => o.label === 'True' || o.label === 'False')\n ? blankChoiceOptions()\n : prev.options;\n }\n return { ...prev, type, options };\n });\n };\n\n const setOptionLabel = (index: number, label: string) => {\n setForm((prev) => ({\n ...prev,\n options: prev.options.map((o, i) => (i === index ? { ...o, label } : o)),\n }));\n };\n\n const toggleCorrect = (index: number, value: boolean) => {\n setForm((prev) => ({\n ...prev,\n options: prev.options.map((o, i) =>\n i === index\n ? { ...o, correct: value }\n : isExclusive(prev.type)\n ? { ...o, correct: false }\n : o\n ),\n }));\n };\n\n const addOption = () => {\n setForm((prev) => ({ ...prev, options: [...prev.options, { label: '', correct: false }] }));\n };\n\n const removeOption = (index: number) => {\n setForm((prev) => ({ ...prev, options: prev.options.filter((_, i) => i !== index) }));\n };\n\n const handlePublish = async () => {\n if (!assessment) return;\n try {\n await publishAssessment.mutateAsync(assessment.id);\n } catch {\n // The mutation surfaces its own error state; nothing else to do here.\n }\n };\n\n const handleArchive = async () => {\n if (!assessment) return;\n setArchiveError(null);\n try {\n await archiveAssessment.mutateAsync({ id: assessment.id, courseId: assessment.courseId });\n setConfirmArchive(false);\n navigateTo('assessments');\n } catch (err) {\n setArchiveError(err instanceof Error ? err.message : 'Failed to archive this assessment.');\n }\n };\n\n const handleAddQuestion = async () => {\n if (!assessmentId) return;\n if (!form.prompt.trim()) {\n setFormError('Question prompt is required.');\n return;\n }\n\n let options: { label: string }[] | undefined;\n let answerKey: string[] | string | undefined;\n\n if (usesOptions) {\n const cleaned = form.options\n .map((o) => ({ label: o.label.trim(), correct: o.correct }))\n .filter((o) => o.label.length > 0);\n if (CHOICE_TYPES.has(form.type) && cleaned.length < 2) {\n setFormError('Add at least two options.');\n return;\n }\n options = cleaned.map((o) => ({ label: o.label }));\n const correct = cleaned.filter((o) => o.correct).map((o) => o.label);\n if (correct.length) answerKey = correct;\n } else if (form.type === 'SHORT_ANSWER') {\n answerKey = form.shortAnswer.trim() || undefined;\n }\n\n try {\n await createQuestion.mutateAsync({\n assessmentId,\n prompt: form.prompt.trim(),\n type: form.type,\n points: form.points ? Number(form.points) : undefined,\n position: nextPosition,\n explanation: form.explanation.trim() || undefined,\n options,\n answerKey,\n });\n closeDialog();\n } catch (err) {\n setFormError(err instanceof Error ? err.message : 'Failed to add question.');\n }\n };\n\n // ----- Loading / error / not-found -----\n if (assessmentQuery.isLoading) {\n return (\n <PageLayout title=\"Assessment\">\n <LoadingView label=\"Loading assessment…\" />\n </PageLayout>\n );\n }\n\n if (assessmentQuery.isError) {\n return (\n <PageLayout title=\"Assessment\">\n <ErrorView\n message=\"Couldn't load this assessment.\"\n onRetry={() => assessmentQuery.refetch()}\n />\n </PageLayout>\n );\n }\n\n if (!assessment) {\n return (\n <PageLayout title=\"Assessment\">\n <EmptyState\n illustration=\"empty-search\"\n title=\"Assessment not found\"\n description=\"This assessment may have been removed or you don't have access to it.\"\n action={<Button onClick={() => navigateTo('assessments')}>Back to assessments</Button>}\n />\n </PageLayout>\n );\n }\n\n const isDraft = assessment.status === 'DRAFT';\n const isArchived = assessment.status === 'ARCHIVED';\n\n return (\n <PageLayout\n title={\n <span className=\"flex min-w-0 items-center gap-3\">\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n <ClipboardEdit className=\"h-5 w-5\" />\n </span>\n <span className=\"truncate\">{assessment.title}</span>\n </span>\n }\n description={assessment.description ?? undefined}\n actions={\n <>\n <Button variant=\"ghost\" onClick={() => navigateTo('submissions')}>\n <ClipboardCheck className=\"mr-1.5 h-4 w-4\" /> Submissions\n </Button>\n {!isArchived && (\n <BuiPermissionButton\n resource=\"buildmyiq-assessment\"\n action=\"delete\"\n deniedBehavior=\"hide\"\n >\n <Button variant=\"outline\" onClick={() => setConfirmArchive(true)}>\n <Archive className=\"mr-1.5 h-4 w-4\" /> Archive\n </Button>\n </BuiPermissionButton>\n )}\n {isDraft ? (\n <Button onClick={handlePublish} disabled={publishAssessment.isPending}>\n <Send className=\"mr-1.5 h-4 w-4\" />\n {publishAssessment.isPending ? 'Publishing…' : 'Publish'}\n </Button>\n ) : (\n <StatusBadge status={assessment.status} className=\"px-3 py-1.5\" />\n )}\n </>\n }\n >\n <button\n type=\"button\"\n onClick={() => navigateTo('assessments')}\n className=\"mb-4 inline-flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-text-primary\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> All assessments\n </button>\n\n {archiveError && (\n <p className=\"mb-4 rounded-lg border border-status-error-bg-subtle bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {archiveError}\n </p>\n )}\n\n {/* Meta */}\n <GlassCard treatment=\"glass\" className=\"mb-6 p-5 sm:p-6\">\n <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n <StatusBadge status={assessment.type} />\n <StatusBadge status={assessment.status} />\n {assessment.isGraded ? (\n <StatusBadge status=\"GRADED\" />\n ) : (\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n Not graded\n </span>\n )}\n </div>\n <div className=\"grid grid-cols-2 gap-y-6 sm:grid-cols-4\">\n <MetaTile\n icon={<Trophy className=\"h-5 w-5\" />}\n label=\"Passing score\"\n value={`${assessment.passingScore}%`}\n />\n <MetaTile\n icon={<Clock className=\"h-5 w-5\" />}\n label=\"Time limit\"\n value={formatDuration(assessment.timeLimitMin)}\n divider\n />\n <MetaTile\n icon={<Repeat className=\"h-5 w-5\" />}\n label=\"Max attempts\"\n value={assessment.maxAttempts}\n divider\n />\n <MetaTile\n icon={<ClipboardCheck className=\"h-5 w-5\" />}\n label=\"Graded\"\n value={assessment.isGraded ? 'Yes' : 'No'}\n divider\n />\n </div>\n </GlassCard>\n\n {/* Questions */}\n <Section\n title={`Questions (${questions.length})`}\n description={\n questions.length > 0\n ? `${totalPoints} point${totalPoints === 1 ? '' : 's'} across ${questions.length} question${\n questions.length === 1 ? '' : 's'\n }`\n : undefined\n }\n action={\n <Button variant=\"outline\" onClick={openDialog}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> Add question\n </Button>\n }\n >\n {questions.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No questions yet\"\n description=\"Build this assessment by adding its first question.\"\n action={\n <Button onClick={openDialog}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> Add question\n </Button>\n }\n />\n ) : (\n <ol className=\"flex flex-col gap-3\">\n {questions.map((q, idx) => (\n <QuestionRow key={q.id} index={idx + 1} question={q} />\n ))}\n </ol>\n )}\n </Section>\n\n {/* Add-question dialog */}\n <ResponsiveDialog\n open={dialogOpen}\n onOpenChange={(open) => {\n if (!open) closeDialog();\n else setDialogOpen(true);\n }}\n >\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Add question</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Question {nextPosition} · pick a type, write the prompt and mark the correct\n answer(s).\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"grid gap-4 py-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prompt\">Prompt *</Label>\n <Textarea\n id=\"prompt\"\n value={form.prompt}\n onChange={(e) => setForm({ ...form, prompt: e.target.value.slice(0, PROMPT_MAX) })}\n placeholder=\"Enter your question prompt…\"\n rows={3}\n maxLength={PROMPT_MAX}\n />\n <p className=\"text-right text-xs tabular-nums text-text-secondary\">\n {form.prompt.length} / {PROMPT_MAX}\n </p>\n </div>\n\n <div className=\"grid gap-2 sm:grid-cols-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"questionType\">Type</Label>\n <Select value={form.type} onValueChange={(v) => changeType(v as BuiQuestionType)}>\n <SelectTrigger id=\"questionType\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {QUESTION_TYPES.map((t) => (\n <SelectItem key={t} value={t}>\n {formatEnumLabel(t)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"points\">Points</Label>\n <Input\n id=\"points\"\n type=\"number\"\n min=\"0\"\n step=\"1\"\n value={form.points}\n onChange={(e) => setForm({ ...form, points: e.target.value })}\n placeholder=\"1\"\n />\n </div>\n </div>\n\n {usesOptions && (\n <div className=\"grid gap-2\">\n <Label>Options{form.type !== 'TRUE_FALSE' && ' *'}</Label>\n <p className=\"-mt-1 text-xs text-text-secondary\">\n Tick the {isExclusive(form.type) ? 'single correct answer' : 'correct answers'}.\n </p>\n <div className=\"flex flex-col gap-2\">\n {form.options.map((opt, i) => (\n <div\n key={i}\n className={cn(\n 'flex items-center gap-2.5 rounded-lg border px-2.5 py-1.5 transition-colors',\n opt.correct\n ? 'border-status-success-text bg-status-success-bg-subtle'\n : 'border-border-seam bg-bg-surface'\n )}\n >\n <Checkbox\n checked={opt.correct}\n onCheckedChange={(c) => toggleCorrect(i, c === true)}\n aria-label=\"Mark option correct\"\n />\n <Input\n value={opt.label}\n readOnly={form.type === 'TRUE_FALSE'}\n onChange={(e) => setOptionLabel(i, e.target.value)}\n placeholder={`Option ${i + 1}`}\n className=\"flex-1 border-0 bg-transparent px-1 shadow-none focus-visible:ring-0\"\n />\n {opt.correct && (\n <span className=\"shrink-0 text-xs font-medium text-status-success-text\">\n Correct\n </span>\n )}\n {form.type !== 'TRUE_FALSE' && form.options.length > 2 && (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n onClick={() => removeOption(i)}\n aria-label=\"Remove option\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </Button>\n )}\n </div>\n ))}\n </div>\n {form.type !== 'TRUE_FALSE' && (\n <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={addOption}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> Add option\n </Button>\n )}\n </div>\n )}\n\n {form.type === 'SHORT_ANSWER' && (\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"shortAnswer\">Expected answer</Label>\n <Input\n id=\"shortAnswer\"\n value={form.shortAnswer}\n onChange={(e) => setForm({ ...form, shortAnswer: e.target.value })}\n placeholder=\"The accepted answer (used as the grading key).\"\n />\n </div>\n )}\n\n {(form.type === 'ESSAY' || form.type === 'CODE') && (\n <p className=\"rounded-lg bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n {formatEnumLabel(form.type)} responses are graded manually from the Submissions\n view.\n </p>\n )}\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"explanation\">Explanation</Label>\n <Textarea\n id=\"explanation\"\n value={form.explanation}\n onChange={(e) => setForm({ ...form, explanation: e.target.value })}\n placeholder=\"Shown to learners after grading (optional).\"\n rows={2}\n />\n </div>\n\n {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={closeDialog}>\n Cancel\n </Button>\n <Button onClick={handleAddQuestion} disabled={createQuestion.isPending}>\n {createQuestion.isPending ? 'Adding…' : 'Add question'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n\n {/* Archive confirmation */}\n <ResponsiveDialog\n open={confirmArchive}\n onOpenChange={(open) => {\n if (!open) setConfirmArchive(false);\n }}\n >\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Archive this assessment?</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Archived assessments are hidden from the catalog and can no longer be submitted to.\n This frees up its quota slot so you can create a replacement assessment for this\n course.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <ResponsiveDialogFooter>\n <Button\n variant=\"outline\"\n onClick={() => setConfirmArchive(false)}\n disabled={archiveAssessment.isPending}\n >\n Cancel\n </Button>\n <Button\n variant=\"destructive\"\n onClick={handleArchive}\n disabled={archiveAssessment.isPending}\n >\n {archiveAssessment.isPending ? 'Archiving…' : 'Archive assessment'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n};\n\n// ---------------------------------------------------------------------------\n// Meta tile — an icon-circle stat used in the assessment summary card.\n// ---------------------------------------------------------------------------\ninterface MetaTileProps {\n icon: ReactNode;\n label: string;\n value: ReactNode;\n /** Draw a subtle left divider on ≥sm (all tiles except the first in the row). */\n divider?: boolean;\n}\n\nconst MetaTile: FC<MetaTileProps> = ({ icon, label, value, divider }) => (\n <div\n className={cn(\n 'flex items-center gap-3',\n divider && 'sm:border-l sm:border-border-seam sm:pl-5'\n )}\n >\n <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n {icon}\n </span>\n <div className=\"min-w-0\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">{label}</p>\n <p className=\"mt-0.5 text-lg font-semibold tabular-nums text-text-primary\">{value}</p>\n </div>\n </div>\n);\n\n// ---------------------------------------------------------------------------\n// Question row\n// ---------------------------------------------------------------------------\nconst freeTextHint = (type: BuiQuestionType): string => {\n switch (type) {\n case 'SHORT_ANSWER':\n return 'Learners type a short answer — auto-graded against the answer key.';\n case 'ESSAY':\n return 'Open long-form response — graded manually from Submissions.';\n case 'CODE':\n return 'Code response — graded manually from Submissions.';\n default:\n return 'Free-text response.';\n }\n};\n\ninterface QuestionRowProps {\n index: number;\n question: BuiQuestion;\n}\n\nconst QuestionRow: FC<QuestionRowProps> = ({ index, question }) => {\n const options = parseOptions(question.options);\n const isChoice = CHOICE_TYPES.has(question.type) || question.type === 'TRUE_FALSE';\n const isMulti = question.type === 'MULTIPLE_CHOICE';\n\n return (\n <li>\n <GlassCard treatment=\"plain\" className=\"p-4 sm:p-5\">\n <div className=\"flex items-start gap-3.5\">\n <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-sm font-bold tabular-nums text-[var(--color-accent-teal)]\">\n {index}\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <StatusBadge status={question.type} />\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium tabular-nums text-text-secondary\">\n {question.points} pt{question.points === 1 ? '' : 's'}\n </span>\n </div>\n\n <p className=\"mt-2.5 font-medium text-text-primary\">{question.prompt}</p>\n\n {isChoice && options.length > 0 && (\n <ul className=\"mt-3 flex flex-col gap-2\">\n {options.map((opt, i) => (\n <li\n key={opt.id ?? `${i}-${opt.label}`}\n className=\"flex items-center gap-2.5 rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n >\n {isMulti ? (\n <Square className=\"h-4 w-4 shrink-0 text-text-secondary opacity-60\" />\n ) : (\n <Circle className=\"h-4 w-4 shrink-0 text-text-secondary opacity-60\" />\n )}\n <span className=\"min-w-0\">{opt.label}</span>\n </li>\n ))}\n </ul>\n )}\n\n {!isChoice && (\n <p className=\"mt-3 rounded-lg border border-dashed border-border-seam bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n {freeTextHint(question.type)}\n </p>\n )}\n\n {question.explanation && (\n <p className=\"mt-3 flex items-start gap-1.5 rounded-lg bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n <Lightbulb className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-status-warning-text\" />\n <span>{question.explanation}</span>\n </p>\n )}\n </div>\n </div>\n </GlassCard>\n </li>\n );\n};\n"],"mappings":"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"}
@@ -12,7 +12,7 @@ import "../../hooks/index.js";
12
12
  import "../../components/index.js";
13
13
  import { useMemo as p, useState as m } from "react";
14
14
  import { ArrowLeft as h, CheckCircle2 as g, ClipboardCheck as _, Clock as v, FileText as y, RefreshCw as b, Send as x, Target as S } from "lucide-react";
15
- import { useParams as C } from "react-router-dom";
15
+ import { useParams as C } from "react-router";
16
16
  import { jsx as w, jsxs as T } from "react/jsx-runtime";
17
17
  import { Button as E, GlassCard as D, Input as O, Textarea as k } from "@burdenoff/fe-libs/ui";
18
18
  //#region src/buildmyiq/pages/assessments/TakeAssessmentPage.tsx