@financial-times/qanda-ui 0.0.1-beta.2 → 0.0.1-beta.21

package/dist/types/utils/qandas.d.ts

@@ -0,0 +1,2 @@
+import type { Comment } from '../types/comment';
+export declare const getLatestAnsweredQuestion: (questions: Comment[]) => string;

package/dist/types/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare function cleanString(str: string): string;

package/dist/types/utils/tracking.d.ts

@@ -0,0 +1,2 @@
+import type { TrackingData } from '../types/tracking';
+export declare const trackEvent: (trackingData: TrackingData) => void;

package/dist/types/utils/validate-display-name.d.ts

@@ -0,0 +1 @@
+export default function validateDisplayName(displayName: string): string | false;

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@financial-times/qanda-ui",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.21",
   "description": "Components for the Live Q&A UI",
-  "main": "./dist/index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "exports": {
-    ".": "./dist/index.js",
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
     "./scss": "./dist/qanda.scss"
   },
   "files": [
@@ -12,13 +17,16 @@
   ],
   "scripts": {
     "start": "dotcom-tool-kit run:local",
-    "build": "dotcom-tool-kit build:local && npm run build:sass",
+    "build": "dotcom-tool-kit build:local",
     "build:sass": "node sass-build.js",
+    "build:esm": "tsc --project tsconfig.esm.json",
+    "build:cjs": "tsc --project tsconfig.cjs.json",
+    "build:all": "npm run build:esm && npm run build:cjs && npm run build:sass",
     "clean": "rm -rf dist",
     "prebuild": "npm run clean",
     "dev": "webpack serve --config webpack.dev.js --open --host=local.ft.com",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
-    "test": "NODE_OPTIONS=\"--max-old-space-size=4096\" dotcom-tool-kit test:local",
+    "test": "dotcom-tool-kit test:local",
     "prepare": "husky"
   },
   "author": "Financial Times Ltd",
@@ -32,18 +40,8 @@
   },
   "homepage": "https://github.com/Financial-Times/qanda-ui#readme",
   "dependencies": {
-    "@financial-times/cp-content-pipeline-client": "^4.8.3",
-    "@financial-times/cp-content-pipeline-ui": "^7.11.1",
-    "@financial-times/x-engine": "^14.8.7",
-    "@preact/compat": "^18.3.1",
-    "@reduxjs/toolkit": "^2.5.0",
-    "immer": "^10.1.1",
-    "preact": "^10.25.1",
-    "preact-render-to-string": "^6.5.12",
-    "react": "npm:@preact/compat@^18.3.1",
-    "react-dom": "npm:@preact/compat@^18.3.1",
-    "react-redux": "^9.2.0",
-    "redux": "^5.0.1"
+    "@reduxjs/toolkit": "^1.9.5",
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -51,19 +49,16 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
+    "@types/react-redux": "^7.1.34",
     "@dotcom-tool-kit/component": "^5.1.12",
     "@dotcom-tool-kit/jest": "^4.3.1",
-    "@dotcom-tool-kit/node": "^4.3.1",
-    "@dotcom-tool-kit/webpack": "^4.3.1",
     "@financial-times/o-colors": "^6.7.0",
     "@financial-times/o-icons": "^7.8.0",
     "@jest/globals": "^29.7.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/preact": "^3.2.4",
-    "@types/express": "^4.17.21",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.10.5",
-    "@types/react": "^19.0.2",
+    "@types/jest-axe": "^3.5.9",
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
     "babel-jest": "^29.7.0",
@@ -77,11 +72,11 @@
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eventsourcemock": "^2.0.0",
-    "express": "^4.21.2",
     "html-webpack-plugin": "^5.6.3",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
+    "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-fixed-jsdom": "^0.0.9",
     "lint-staged": "^15.2.11",
@@ -100,15 +95,26 @@
     "webpack-merge": "^6.0.1"
   },
   "peerDependencies": {
-    "@financial-times/n-tracking": "^7.6.0",
+    "@dotcom-reliability-kit/client-metrics-web": "^0.1.2",
+    "@financial-times/cp-content-pipeline-client": "^4.8.3",
+    "@financial-times/cp-content-pipeline-ui": "^9.2.1",
+    "@financial-times/n-tracking": "^7.7.0",
     "@financial-times/o-colors": "^6.7",
-    "@financial-times/o-comments": "^11.2.1",
-    "@financial-times/o-forms": "^9.12.1",
+    "@financial-times/o-comments": "^13.0.1",
+    "@financial-times/o-forms": "^10.0.2",
     "@financial-times/o-icons": "^7.8",
-    "@financial-times/o-loading": "^5.2.3",
+    "@financial-times/o-labels": "^7.0.1",
+    "@financial-times/o-loading": "^6.0.0",
     "@financial-times/o-message": "^6.0.0",
-    "@financial-times/o3-button": "^3.2.0",
-    "@financial-times/o3-foundation": "^3.2"
+    "@financial-times/o-tracking": "^4.9.0",
+    "@financial-times/o3-button": "^3.7.0",
+    "@financial-times/o3-foundation": "^3.2",
+    "preact": "^10.6.6",
+    "preact-render-to-string": "^6.4.0",
+    "react": "17.x || 18.x",
+    "react-dom": "17.x || 18.x",
+    "react-redux": "^7.2.2",
+    "redux": "^4.0.5"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"

package/dist/index.html

@@ -1,19 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Live Q&A UI</title><style>body {
-        margin: 0;
-        font-family: Georgia, serif;
-        background-color: #fff2e8;
-        color: #333;
-        text-align: left;
-      }
-      h1 {
-        color: #007acc;
-        font-size: 2.5rem;
-      }
-      p {
-        font-size: 1.2rem;
-        margin-top: 10px;
-      }
-      .app-container {
-        text-align: center;
-        padding: 80px 20px;
-      }</style></head><body data-o3-brand="core"><div id="root" class="app-container"></div><script defer="defer" src="index.js"></script></body></html>