@financial-times/qanda-ui 0.0.1-beta.11 → 0.0.1-beta.12

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.
@@ -10,6 +10,8 @@ function CalendarListItem({ name, link }) {
10
10
  storyId,
11
11
  useStaging,
12
12
  commentsAPIUrl,
13
+ // Calendar is only relevant for pre-live Q&A
14
+ status: 'pre-live',
13
15
  });
14
16
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: data?.startDateTime && data?.endDateTime && ((0, jsx_runtime_1.jsx)("li", { className: 'live-qa-calendar-list__item', role: "presentation", "data-testid": "live-qa-calendar-list-item", children: link({
15
17
  title,
@@ -17,6 +17,9 @@ function Calendar() {
17
17
  storyId,
18
18
  useStaging,
19
19
  commentsAPIUrl,
20
+ // Calendar is only relevant for pre-live Q&A
21
+ // so we can hardcode the status here
22
+ status: 'pre-live',
20
23
  });
21
24
  (0, react_1.useEffect)(() => {
22
25
  const handleClickOutside = (event) => {
@@ -29,6 +29,9 @@ function CountdownTimer({ container }) {
29
29
  storyId,
30
30
  useStaging,
31
31
  commentsAPIUrl,
32
+ // Countdown is only relevant for pre-live Q&A
33
+ // so we can hardcode the status here
34
+ status: 'pre-live',
32
35
  });
33
36
  const updatedQA = (0, comments_api_1.useUpdatedQA)({
34
37
  storyId,
@@ -25,6 +25,7 @@ function QandaContainer({ embedFormFieldContainer, countdownTimerContainer, }) {
25
25
  storyId,
26
26
  useStaging,
27
27
  commentsAPIUrl,
28
+ status: 'pre-live',
28
29
  });
29
30
  const updatedQA = (0, comments_api_1.useUpdatedQA)({
30
31
  storyId,
@@ -12,7 +12,9 @@ const updateComments = (dispatch, updatedComments, storyId, useStaging, comments
12
12
  const latestAnsweredQuestionId = (0, qandas_1.getLatestAnsweredQuestion)(updatedComments);
13
13
  try {
14
14
  // Update the cache with the new comments
15
- dispatch(comments_api_1.nextCommentsApi.util.updateQueryData('getQandAStream', { storyId, useStaging, commentsAPIUrl }, (draft) => {
15
+ dispatch(comments_api_1.nextCommentsApi.util.updateQueryData('getQandAStream',
16
+ // Updates happen only for the live stream, so we pass the status as 'live' hardcoded
17
+ { storyId, useStaging, commentsAPIUrl, status: 'live' }, (draft) => {
16
18
  // NB - if the same comment is updated more than once, the most recent thing added to the array will be the one that is shown
17
19
  for (let c = 0; c < updatedComments.length; c++) {
18
20
  const commentId = updatedComments[c].id;
@@ -8,6 +8,8 @@ function CalendarListItem({ name, link }) {
8
8
  storyId,
9
9
  useStaging,
10
10
  commentsAPIUrl,
11
+ // Calendar is only relevant for pre-live Q&A
12
+ status: 'pre-live',
11
13
  });
12
14
  return (_jsx(_Fragment, { children: data?.startDateTime && data?.endDateTime && (_jsx("li", { className: 'live-qa-calendar-list__item', role: "presentation", "data-testid": "live-qa-calendar-list-item", children: link({
13
15
  title,
@@ -12,6 +12,9 @@ function Calendar() {
12
12
  storyId,
13
13
  useStaging,
14
14
  commentsAPIUrl,
15
+ // Calendar is only relevant for pre-live Q&A
16
+ // so we can hardcode the status here
17
+ status: 'pre-live',
15
18
  });
16
19
  useEffect(() => {
17
20
  const handleClickOutside = (event) => {
@@ -26,6 +26,9 @@ function CountdownTimer({ container }) {
26
26
  storyId,
27
27
  useStaging,
28
28
  commentsAPIUrl,
29
+ // Countdown is only relevant for pre-live Q&A
30
+ // so we can hardcode the status here
31
+ status: 'pre-live',
29
32
  });
30
33
  const updatedQA = useUpdatedQA({
31
34
  storyId,
@@ -20,6 +20,7 @@ function QandaContainer({ embedFormFieldContainer, countdownTimerContainer, }) {
20
20
  storyId,
21
21
  useStaging,
22
22
  commentsAPIUrl,
23
+ status: 'pre-live',
23
24
  });
24
25
  const updatedQA = useUpdatedQA({
25
26
  storyId,
@@ -9,7 +9,9 @@ export const updateComments = (dispatch, updatedComments, storyId, useStaging, c
9
9
  const latestAnsweredQuestionId = getLatestAnsweredQuestion(updatedComments);
10
10
  try {
11
11
  // Update the cache with the new comments
12
- dispatch(nextCommentsApi.util.updateQueryData('getQandAStream', { storyId, useStaging, commentsAPIUrl }, (draft) => {
12
+ dispatch(nextCommentsApi.util.updateQueryData('getQandAStream',
13
+ // Updates happen only for the live stream, so we pass the status as 'live' hardcoded
14
+ { storyId, useStaging, commentsAPIUrl, status: 'live' }, (draft) => {
13
15
  // NB - if the same comment is updated more than once, the most recent thing added to the array will be the one that is shown
14
16
  for (let c = 0; c < updatedComments.length; c++) {
15
17
  const commentId = updatedComments[c].id;
@@ -1,4 +1,3 @@
1
- import { FetchBaseQueryError } from '@reduxjs/toolkit/query/react';
2
1
  import type { Comment } from '../types/comment';
3
2
  import type { QA } from '../types/qa';
4
3
  import type { Status } from '../types/qa';
@@ -33,17 +32,17 @@ type CachedData = {
33
32
  type UserRolesTransformed = {
34
33
  expertView: boolean;
35
34
  };
36
- export declare const nextCommentsApi: import("@reduxjs/toolkit/query/react").Api<import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, {
35
+ export declare const nextCommentsApi: import("@reduxjs/toolkit/query/react").Api<import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, {
37
36
  getQandAStream: import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams & {
38
- status?: Status;
39
- }, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CommentsStreamTransformed, "nextCommentsApi">;
40
- getQandAUpdates: import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CachedData, "nextCommentsApi">;
41
- getUserRoles: import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlTokenParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, UserRolesTransformed, "nextCommentsApi">;
42
- postQuestion: import("@reduxjs/toolkit/query/react").MutationDefinition<CommentsAPIUrlQuestionParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, any, "nextCommentsApi">;
37
+ status: Status;
38
+ }, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CommentsStreamTransformed, "nextCommentsApi">;
39
+ getQandAUpdates: import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CachedData, "nextCommentsApi">;
40
+ getUserRoles: import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlTokenParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, UserRolesTransformed, "nextCommentsApi">;
41
+ postQuestion: import("@reduxjs/toolkit/query/react").MutationDefinition<CommentsAPIUrlQuestionParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, any, "nextCommentsApi">;
43
42
  }, "nextCommentsApi", never, typeof import("@reduxjs/toolkit/query/react").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
44
43
  export declare const useGetQandAStreamQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams & {
45
- status?: Status;
46
- }, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CommentsStreamTransformed, "nextCommentsApi">>, useGetQandAUpdatesQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CachedData, "nextCommentsApi">>, useGetUserRolesQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlTokenParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, UserRolesTransformed, "nextCommentsApi">>, usePostQuestionMutation: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseMutation<import("@reduxjs/toolkit/query/react").MutationDefinition<CommentsAPIUrlQuestionParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, any, "nextCommentsApi">>;
44
+ status: Status;
45
+ }, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CommentsStreamTransformed, "nextCommentsApi">>, useGetQandAUpdatesQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, CachedData, "nextCommentsApi">>, useGetUserRolesQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlTokenParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, UserRolesTransformed, "nextCommentsApi">>, usePostQuestionMutation: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseMutation<import("@reduxjs/toolkit/query/react").MutationDefinition<CommentsAPIUrlQuestionParams, import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("@reduxjs/toolkit/query/react").FetchArgs, unknown, import("@reduxjs/toolkit/query/react").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query/react").FetchBaseQueryMeta>, never, any, "nextCommentsApi">>;
47
46
  export declare const useUpdatedComments: ({ storyId, useStaging, commentsAPIUrl, }: CommentsAPIUrlParams) => Comment[];
48
47
  export declare const useUpdatedQA: ({ storyId, useStaging, commentsAPIUrl, }: CommentsAPIUrlParams) => any;
49
48
  export {};
@@ -14,7 +14,7 @@ export declare const rootReducer: import("@reduxjs/toolkit").Reducer<import("@re
14
14
  useStaging: boolean;
15
15
  commentsAPIUrl: string;
16
16
  } & {
17
- status?: import("../types/qa").Status;
17
+ status: import("../types/qa").Status;
18
18
  }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
19
19
  type: string;
20
20
  children?: import("../types/comment").Comment[];
@@ -71,7 +71,7 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
71
71
  useStaging: boolean;
72
72
  commentsAPIUrl: string;
73
73
  } & {
74
- status?: import("../types/qa").Status;
74
+ status: import("../types/qa").Status;
75
75
  }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
76
76
  type: string;
77
77
  children?: import("../types/comment").Comment[];
@@ -121,7 +121,7 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
121
121
  useStaging: boolean;
122
122
  commentsAPIUrl: string;
123
123
  } & {
124
- status?: import("../types/qa").Status;
124
+ status: import("../types/qa").Status;
125
125
  }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
126
126
  type: string;
127
127
  children?: import("../types/comment").Comment[];
@@ -166,7 +166,7 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
166
166
  useStaging: boolean;
167
167
  commentsAPIUrl: string;
168
168
  } & {
169
- status?: import("../types/qa").Status;
169
+ status: import("../types/qa").Status;
170
170
  }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
171
171
  type: string;
172
172
  children?: import("../types/comment").Comment[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/qanda-ui",
3
- "version": "0.0.1-beta.11",
3
+ "version": "0.0.1-beta.12",
4
4
  "description": "Components for the Live Q&A UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",