@intellectif/lk-react 12.0.1 → 14.0.0

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 (165) hide show
  1. package/CHANGELOG.md +73 -0
  2. package/README.md +17 -6
  3. package/dist/{WrittenResponse-BgcpEM-e.d.ts → WrittenResponse-C0P34En1.d.ts} +1 -1
  4. package/dist/{WrittenResponse-ByzXYEoW.d.cts → WrittenResponse-pB1ik8hg.d.cts} +1 -1
  5. package/dist/chunk-36FTYJWJ.cjs +869 -0
  6. package/dist/chunk-36FTYJWJ.cjs.map +1 -0
  7. package/dist/chunk-47HHC4GD.js +763 -0
  8. package/dist/chunk-47HHC4GD.js.map +1 -0
  9. package/dist/chunk-62AKSD5Y.js +509 -0
  10. package/dist/chunk-62AKSD5Y.js.map +1 -0
  11. package/dist/{chunk-XKGBD3UK.js → chunk-72UGRIMM.js} +6 -5
  12. package/dist/chunk-72UGRIMM.js.map +1 -0
  13. package/dist/{chunk-FX7VMZHQ.cjs → chunk-B2XQLU2E.cjs} +58 -8
  14. package/dist/chunk-B2XQLU2E.cjs.map +1 -0
  15. package/dist/{chunk-ZFWC4KZC.js → chunk-BO6P723E.js} +26 -31
  16. package/dist/chunk-BO6P723E.js.map +1 -0
  17. package/dist/chunk-BRPEB43C.cjs +13 -0
  18. package/dist/chunk-BRPEB43C.cjs.map +1 -0
  19. package/dist/{chunk-6KMEB7TF.cjs → chunk-BVRUUYYR.cjs} +42 -15
  20. package/dist/chunk-BVRUUYYR.cjs.map +1 -0
  21. package/dist/{chunk-AMGK7DDM.cjs → chunk-D4DQFTA7.cjs} +2 -2
  22. package/dist/chunk-D4DQFTA7.cjs.map +1 -0
  23. package/dist/chunk-D57QZILZ.js +863 -0
  24. package/dist/chunk-D57QZILZ.js.map +1 -0
  25. package/dist/chunk-F4TBCRGI.cjs +518 -0
  26. package/dist/chunk-F4TBCRGI.cjs.map +1 -0
  27. package/dist/{chunk-V6M57YMK.js → chunk-I33FOKZ7.js} +227 -30
  28. package/dist/chunk-I33FOKZ7.js.map +1 -0
  29. package/dist/{chunk-GVBEI5R3.cjs → chunk-J2CDPIRC.cjs} +233 -36
  30. package/dist/chunk-J2CDPIRC.cjs.map +1 -0
  31. package/dist/{chunk-KYOCDRUO.cjs → chunk-LB3FEV7Z.cjs} +97 -2
  32. package/dist/chunk-LB3FEV7Z.cjs.map +1 -0
  33. package/dist/{chunk-QXYAOILF.js → chunk-LGCUOLP6.js} +6 -5
  34. package/dist/chunk-LGCUOLP6.js.map +1 -0
  35. package/dist/{chunk-GWD75Q25.js → chunk-LLXCX5KK.js} +6 -5
  36. package/dist/chunk-LLXCX5KK.js.map +1 -0
  37. package/dist/chunk-MCO52PV5.js +520 -0
  38. package/dist/chunk-MCO52PV5.js.map +1 -0
  39. package/dist/{chunk-G6PUWKQC.cjs → chunk-NDQD3ZRY.cjs} +15 -14
  40. package/dist/chunk-NDQD3ZRY.cjs.map +1 -0
  41. package/dist/chunk-OD65OZIW.cjs +159 -0
  42. package/dist/chunk-OD65OZIW.cjs.map +1 -0
  43. package/dist/chunk-RCMYEWBE.js +11 -0
  44. package/dist/chunk-RCMYEWBE.js.map +1 -0
  45. package/dist/{chunk-KSXEBV2H.cjs → chunk-RRH7ZPXC.cjs} +6 -6
  46. package/dist/{chunk-KSXEBV2H.cjs.map → chunk-RRH7ZPXC.cjs.map} +1 -1
  47. package/dist/{chunk-DQNVAXG6.js → chunk-RXS455MR.js} +2 -2
  48. package/dist/chunk-RXS455MR.js.map +1 -0
  49. package/dist/{chunk-LIHKQEIP.cjs → chunk-SE6WWDVW.cjs} +15 -14
  50. package/dist/chunk-SE6WWDVW.cjs.map +1 -0
  51. package/dist/{chunk-5IH3NRXE.js → chunk-SWY6PWXK.js} +4 -4
  52. package/dist/{chunk-5IH3NRXE.js.map → chunk-SWY6PWXK.js.map} +1 -1
  53. package/dist/chunk-TDJEKXEP.js +212 -0
  54. package/dist/chunk-TDJEKXEP.js.map +1 -0
  55. package/dist/{chunk-NK5EVL5C.cjs → chunk-U3APKQ7P.cjs} +15 -14
  56. package/dist/chunk-U3APKQ7P.cjs.map +1 -0
  57. package/dist/chunk-UDCQTOVU.cjs +523 -0
  58. package/dist/chunk-UDCQTOVU.cjs.map +1 -0
  59. package/dist/{chunk-EWTAMY6L.cjs → chunk-USBANZ7K.cjs} +27 -33
  60. package/dist/chunk-USBANZ7K.cjs.map +1 -0
  61. package/dist/chunk-WTS34S5E.cjs +765 -0
  62. package/dist/chunk-WTS34S5E.cjs.map +1 -0
  63. package/dist/{chunk-2Y6V5E7H.js → chunk-XIBOFTOL.js} +57 -7
  64. package/dist/chunk-XIBOFTOL.js.map +1 -0
  65. package/dist/{chunk-ZFSRMGWO.js → chunk-XUEIUEPI.js} +6 -5
  66. package/dist/chunk-XUEIUEPI.js.map +1 -0
  67. package/dist/{chunk-64AJVB6O.cjs → chunk-YEYKJFEC.cjs} +14 -13
  68. package/dist/chunk-YEYKJFEC.cjs.map +1 -0
  69. package/dist/{chunk-5S2YDMEJ.js → chunk-YMBBM5K7.js} +36 -9
  70. package/dist/chunk-YMBBM5K7.js.map +1 -0
  71. package/dist/chunk-YORQQXGO.js +155 -0
  72. package/dist/chunk-YORQQXGO.js.map +1 -0
  73. package/dist/components/ActivityPreview.cjs +15 -9
  74. package/dist/components/ActivityPreview.d.cts +9 -3
  75. package/dist/components/ActivityPreview.d.ts +9 -3
  76. package/dist/components/ActivityPreview.js +14 -8
  77. package/dist/components/ActivitySequence.cjs +16 -10
  78. package/dist/components/ActivitySequence.d.cts +112 -6
  79. package/dist/components/ActivitySequence.d.ts +112 -6
  80. package/dist/components/ActivitySequence.js +15 -9
  81. package/dist/components/Dictation.cjs +19 -0
  82. package/dist/components/Dictation.cjs.map +1 -0
  83. package/dist/components/Dictation.d.cts +17 -0
  84. package/dist/components/Dictation.d.ts +17 -0
  85. package/dist/components/Dictation.js +10 -0
  86. package/dist/components/Dictation.js.map +1 -0
  87. package/dist/components/FillInTheBlanks.cjs +6 -5
  88. package/dist/components/FillInTheBlanks.d.cts +2 -1
  89. package/dist/components/FillInTheBlanks.d.ts +2 -1
  90. package/dist/components/FillInTheBlanks.js +5 -4
  91. package/dist/components/GapSelect.cjs +6 -5
  92. package/dist/components/GapSelect.d.cts +2 -1
  93. package/dist/components/GapSelect.d.ts +2 -1
  94. package/dist/components/GapSelect.js +5 -4
  95. package/dist/components/MultipleChoice.cjs +6 -5
  96. package/dist/components/MultipleChoice.d.cts +2 -1
  97. package/dist/components/MultipleChoice.d.ts +2 -1
  98. package/dist/components/MultipleChoice.js +5 -4
  99. package/dist/components/PronunciationFeedback.cjs +16 -0
  100. package/dist/components/PronunciationFeedback.cjs.map +1 -0
  101. package/dist/components/PronunciationFeedback.d.cts +64 -0
  102. package/dist/components/PronunciationFeedback.d.ts +64 -0
  103. package/dist/components/PronunciationFeedback.js +7 -0
  104. package/dist/components/PronunciationFeedback.js.map +1 -0
  105. package/dist/components/ReadAloud.cjs +21 -0
  106. package/dist/components/ReadAloud.cjs.map +1 -0
  107. package/dist/components/ReadAloud.d.cts +15 -0
  108. package/dist/components/ReadAloud.d.ts +15 -0
  109. package/dist/components/ReadAloud.js +12 -0
  110. package/dist/components/ReadAloud.js.map +1 -0
  111. package/dist/components/StimulusPanel.cjs +4 -4
  112. package/dist/components/StimulusPanel.d.cts +2 -1
  113. package/dist/components/StimulusPanel.d.ts +2 -1
  114. package/dist/components/StimulusPanel.js +3 -3
  115. package/dist/components/WrittenResponse.cjs +6 -5
  116. package/dist/components/WrittenResponse.d.cts +4 -3
  117. package/dist/components/WrittenResponse.d.ts +4 -3
  118. package/dist/components/WrittenResponse.js +5 -4
  119. package/dist/hooks/useSpeechRecorder.cjs +17 -0
  120. package/dist/hooks/useSpeechRecorder.cjs.map +1 -0
  121. package/dist/hooks/useSpeechRecorder.d.cts +127 -0
  122. package/dist/hooks/useSpeechRecorder.d.ts +127 -0
  123. package/dist/hooks/useSpeechRecorder.js +4 -0
  124. package/dist/hooks/useSpeechRecorder.js.map +1 -0
  125. package/dist/i18n/LkIntlProvider.cjs +7 -7
  126. package/dist/i18n/LkIntlProvider.d.cts +3 -2
  127. package/dist/i18n/LkIntlProvider.d.ts +3 -2
  128. package/dist/i18n/LkIntlProvider.js +1 -1
  129. package/dist/index.cjs +59 -33
  130. package/dist/index.cjs.map +1 -1
  131. package/dist/index.d.cts +7 -2
  132. package/dist/index.d.ts +7 -2
  133. package/dist/index.js +17 -11
  134. package/dist/index.js.map +1 -1
  135. package/dist/machine-CuwKqWXC.d.cts +26 -0
  136. package/dist/machine-CuwKqWXC.d.ts +26 -0
  137. package/dist/{strings-CN7n-BlE.d.ts → strings--ADnHcaA.d.cts} +261 -8
  138. package/dist/{strings-CN7n-BlE.d.cts → strings-CtdSf2St.d.ts} +261 -8
  139. package/dist/theme/ThemeProvider.cjs +6 -6
  140. package/dist/theme/ThemeProvider.d.cts +4 -4
  141. package/dist/theme/ThemeProvider.d.ts +4 -4
  142. package/dist/theme/ThemeProvider.js +1 -1
  143. package/dist/theme/skin.css +1050 -3
  144. package/package.json +43 -3
  145. package/dist/chunk-2Y6V5E7H.js.map +0 -1
  146. package/dist/chunk-5S2YDMEJ.js.map +0 -1
  147. package/dist/chunk-64AJVB6O.cjs.map +0 -1
  148. package/dist/chunk-6KMEB7TF.cjs.map +0 -1
  149. package/dist/chunk-AMGK7DDM.cjs.map +0 -1
  150. package/dist/chunk-CK7Z275S.js +0 -117
  151. package/dist/chunk-CK7Z275S.js.map +0 -1
  152. package/dist/chunk-DQNVAXG6.js.map +0 -1
  153. package/dist/chunk-EWTAMY6L.cjs.map +0 -1
  154. package/dist/chunk-FX7VMZHQ.cjs.map +0 -1
  155. package/dist/chunk-G6PUWKQC.cjs.map +0 -1
  156. package/dist/chunk-GVBEI5R3.cjs.map +0 -1
  157. package/dist/chunk-GWD75Q25.js.map +0 -1
  158. package/dist/chunk-KYOCDRUO.cjs.map +0 -1
  159. package/dist/chunk-LIHKQEIP.cjs.map +0 -1
  160. package/dist/chunk-NK5EVL5C.cjs.map +0 -1
  161. package/dist/chunk-QXYAOILF.js.map +0 -1
  162. package/dist/chunk-V6M57YMK.js.map +0 -1
  163. package/dist/chunk-XKGBD3UK.js.map +0 -1
  164. package/dist/chunk-ZFSRMGWO.js.map +0 -1
  165. package/dist/chunk-ZFWC4KZC.js.map +0 -1
@@ -1,38 +1,17 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var chunkKYOCDRUO_cjs = require('./chunk-KYOCDRUO.cjs');
4
+ var chunkLB3FEV7Z_cjs = require('./chunk-LB3FEV7Z.cjs');
5
5
  var react = require('react');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
 
8
- function isProduction() {
9
- const g = globalThis;
10
- return g.process?.env?.NODE_ENV === "production";
11
- }
12
- var ActivityErrorBoundary = class extends react.Component {
13
- state = { error: null };
14
- static getDerivedStateFromError(error) {
15
- return { error };
16
- }
17
- render() {
18
- const { error } = this.state;
19
- if (!error) {
20
- return this.props.children;
21
- }
22
- if (!isProduction()) {
23
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", children: [
24
- /* @__PURE__ */ jsxRuntime.jsx("strong", { children: (this.props.strings ?? chunkKYOCDRUO_cjs.DEFAULT_STRINGS).activityFailed }),
25
- /* @__PURE__ */ jsxRuntime.jsx("pre", { children: error.stack ?? error.message })
26
- ] });
27
- }
28
- return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: this.props.activityTitle ? (this.props.strings ?? chunkKYOCDRUO_cjs.DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle) : (this.props.strings ?? chunkKYOCDRUO_cjs.DEFAULT_STRINGS).activityFailedUnnamed });
29
- }
30
- };
31
-
32
8
  // src/components/_internal.ts
33
9
  function isDevelopment() {
34
- const g = globalThis;
35
- return g.process?.env?.NODE_ENV !== "production";
10
+ try {
11
+ return process.env.NODE_ENV !== "production";
12
+ } catch {
13
+ return true;
14
+ }
36
15
  }
37
16
  var ANONYMOUS_ACTOR = {
38
17
  objectType: "Agent",
@@ -48,15 +27,30 @@ function randomSessionId() {
48
27
  }
49
28
  return `s-${Math.random().toString(36).slice(2)}${Math.random().toString(36).slice(2)}`;
50
29
  }
51
- function FeedbackRegion({ id, className, children }) {
52
- return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className, "aria-live": "polite", "aria-atomic": "true", children });
53
- }
30
+ var ActivityErrorBoundary = class extends react.Component {
31
+ state = { error: null };
32
+ static getDerivedStateFromError(error) {
33
+ return { error };
34
+ }
35
+ render() {
36
+ const { error } = this.state;
37
+ if (!error) {
38
+ return this.props.children;
39
+ }
40
+ if (isDevelopment()) {
41
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", children: [
42
+ /* @__PURE__ */ jsxRuntime.jsx("strong", { children: (this.props.strings ?? chunkLB3FEV7Z_cjs.DEFAULT_STRINGS).activityFailed }),
43
+ /* @__PURE__ */ jsxRuntime.jsx("pre", { children: error.stack ?? error.message })
44
+ ] });
45
+ }
46
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: this.props.activityTitle ? (this.props.strings ?? chunkLB3FEV7Z_cjs.DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle) : (this.props.strings ?? chunkLB3FEV7Z_cjs.DEFAULT_STRINGS).activityFailedUnnamed });
47
+ }
48
+ };
54
49
 
55
50
  exports.ANONYMOUS_ACTOR = ANONYMOUS_ACTOR;
56
51
  exports.ActivityErrorBoundary = ActivityErrorBoundary;
57
- exports.FeedbackRegion = FeedbackRegion;
58
52
  exports.isDevelopment = isDevelopment;
59
53
  exports.objectIdFor = objectIdFor;
60
54
  exports.randomSessionId = randomSessionId;
61
- //# sourceMappingURL=chunk-EWTAMY6L.cjs.map
62
- //# sourceMappingURL=chunk-EWTAMY6L.cjs.map
55
+ //# sourceMappingURL=chunk-USBANZ7K.cjs.map
56
+ //# sourceMappingURL=chunk-USBANZ7K.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/_internal.ts","../src/components/ActivityErrorBoundary.tsx"],"names":["Component","jsxs","jsx","DEFAULT_STRINGS"],"mappings":";;;;;;;AA8BO,SAAS,aAAA,GAAyB;AACvC,EAAA,IAAI;AACF,IAAA,OAAO,OAAA,CAAQ,IAAI,QAAA,KAAa,YAAA;AAAA,EAClC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAOO,IAAM,eAAA,GAA6B;AAAA,EACxC,UAAA,EAAY,OAAA;AAAA,EACZ,OAAA,EAAS,EAAE,QAAA,EAAU,6CAAA,EAA+C,MAAM,WAAA;AAC5E;AAGO,SAAS,YAAY,EAAA,EAAoB;AAC9C,EAAA,OAAO,CAAA,0BAAA,EAA6B,kBAAA,CAAmB,EAAE,CAAC,CAAA,CAAA;AAC5D;AAQO,SAAS,eAAA,GAA0B;AACxC,EAAA,MAAM,IAAK,UAAA,CAA0D,MAAA;AACrE,EAAA,IAAI,GAAG,UAAA,EAAY;AACjB,IAAA,OAAO,EAAE,UAAA,EAAW;AAAA,EACtB;AACA,EAAA,OAAO,KAAK,IAAA,CAAK,MAAA,GAAS,QAAA,CAAS,EAAE,EAAE,KAAA,CAAM,CAAC,CAAC,CAAA,EAAG,IAAA,CAAK,QAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACvF;ACrCO,IAAM,qBAAA,GAAN,cAAoCA,eAAA,CAGzC;AAAA,EACA,KAAA,GAAoC,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,EAElD,OAAO,yBAAyB,KAAA,EAA0C;AACxE,IAAA,OAAO,EAAE,KAAA,EAAM;AAAA,EACjB;AAAA,EAEA,MAAA,GAAoB;AAClB,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,IAAA,CAAK,KAAA;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,OAAO,KAAK,KAAA,CAAM,QAAA;AAAA,IACpB;AAKA,IAAA,IAAI,eAAc,EAAG;AACnB,MAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EACR,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAA,CAAA,IAAA,CAAK,KAAA,CAAM,OAAA,IAAWC,mCAAiB,cAAA,EAAe,CAAA;AAAA,wBAChED,cAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAA,KAAA,CAAM,KAAA,IAAS,MAAM,OAAA,EAAQ;AAAA,OAAA,EACrC,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACEA,cAAA,CAAC,SAAI,IAAA,EAAK,OAAA,EACP,eAAK,KAAA,CAAM,aAAA,GAAA,CACP,KAAK,KAAA,CAAM,OAAA,IAAWC,mCAAiB,mBAAA,CAAoB,IAAA,CAAK,MAAM,aAAa,CAAA,GAAA,CACnF,KAAK,KAAA,CAAM,OAAA,IAAWA,mCAAiB,qBAAA,EAC9C,CAAA;AAAA,EAEJ;AACF","file":"chunk-USBANZ7K.cjs","sourcesContent":["import type { XAPIActor } from '@intellectif/lk-core';\n\n/**\n * The one global this module reads by name. Declared here, not globally: this\n * package compiles without Node's types on purpose, and nothing else in it may\n * come to rely on `process`.\n */\ndeclare const process: { env: { NODE_ENV?: string } };\n\n/**\n * Whether this is anything other than a production build — the one answer\n * every development check and the error boundary's stack trace read.\n *\n * **The literal `process.env.NODE_ENV`, spelled exactly so.** It is the one\n * expression bundlers replace at build time — Vite, webpack, esbuild, Next.js\n * and Rollup's replace plugin all substitute it — and a browser has no\n * `process` to read at run time. The reading this replaces,\n * `globalThis.process?.env?.NODE_ENV`, is not that expression, so no bundler\n * touched it, and in a browser it found no `process` and answered\n * \"development\" in every production app: learners were shown a stack trace\n * where each component's production fallback belonged. Tests running in Node\n * never saw it, because Node has a `process`.\n *\n * This package's own build must leave the literal in its output, for the\n * consumer's bundler to replace. A library build that substituted it would\n * freeze every consumer into whichever mode the library was built in.\n *\n * The `try` covers code that reaches a runtime unbundled, with no `process`\n * at all: that is development, as it always was.\n */\nexport function isDevelopment(): boolean {\n try {\n return process.env.NODE_ENV !== 'production';\n } catch {\n return true;\n }\n}\n\n/**\n * Activity components cannot know the learner's identity (Req 3.1 fixes the\n * prop set). They emit a structurally-valid statement with this anonymous\n * actor; real identity is applied by the useXAPI/LRS layer (XAPIConfig.actor).\n */\nexport const ANONYMOUS_ACTOR: XAPIActor = {\n objectType: 'Agent',\n account: { homePage: 'https://github.com/intellectif/learning-kit', name: 'anonymous' },\n};\n\n/** `data.id` is not an IRI; xAPI object ids must be. Wrap it as a URN. */\nexport function objectIdFor(id: string): string {\n return `urn:learning-kit:activity:${encodeURIComponent(id)}`;\n}\n\n/**\n * Random per-mount session id for the shuffle seed. `crypto.randomUUID` is\n * unavailable outside secure contexts (plain-http LAN/staging hosts), so a\n * Math.random fallback keeps the component from crashing there — the seed\n * only randomises presentation order, so cryptographic strength is not needed.\n */\nexport function randomSessionId(): string {\n const c = (globalThis as { crypto?: { randomUUID?: () => string } }).crypto;\n if (c?.randomUUID) {\n return c.randomUUID();\n }\n return `s-${Math.random().toString(36).slice(2)}${Math.random().toString(36).slice(2)}`;\n}\n","'use client';\n\nimport { Component, type ReactNode } from 'react';\nimport type { LkStrings } from '../i18n/strings.js';\nimport { DEFAULT_STRINGS } from '../i18n/strings.js';\nimport { isDevelopment } from './_internal.js';\n\nexport interface ActivityErrorBoundaryProps {\n /** Shown in the production fallback when a render error occurs. */\n activityTitle?: string;\n /**\n * Chrome text. A class component cannot call `useLkStrings`, so the public\n * wrapper reads the hook and hands the resolved dictionary down.\n */\n strings?: LkStrings;\n children: ReactNode;\n}\n\ninterface ActivityErrorBoundaryState {\n error: Error | null;\n}\n\n/**\n * Catches render errors in an activity subtree. In development it renders the\n * full error stack to aid debugging; in production it renders an accessible,\n * generic fallback (optionally naming the activity) so a single broken\n * activity never crashes the host application.\n */\nexport class ActivityErrorBoundary extends Component<\n ActivityErrorBoundaryProps,\n ActivityErrorBoundaryState\n> {\n state: ActivityErrorBoundaryState = { error: null };\n\n static getDerivedStateFromError(error: Error): ActivityErrorBoundaryState {\n return { error };\n }\n\n render(): ReactNode {\n const { error } = this.state;\n if (!error) {\n return this.props.children;\n }\n\n // The same answer every development check reads, from the one function\n // that gives it: a boundary with a reading of its own showed a learner a\n // stack trace in every browser production build.\n if (isDevelopment()) {\n return (\n <div role=\"alert\">\n <strong>{(this.props.strings ?? DEFAULT_STRINGS).activityFailed}</strong>\n <pre>{error.stack ?? error.message}</pre>\n </div>\n );\n }\n\n return (\n <div role=\"alert\">\n {this.props.activityTitle\n ? (this.props.strings ?? DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle)\n : (this.props.strings ?? DEFAULT_STRINGS).activityFailedUnnamed}\n </div>\n );\n }\n}\n"]}