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

package/dist/types/components/Author/index.d.ts

@@ -0,0 +1,18 @@
+import { StructuredTreeFragment } from '@financial-times/cp-content-pipeline-client';
+type AuthorProps = {
+    byline: StructuredTreeFragment;
+    headshot?: string;
+    prefLabel?: string;
+    role: string;
+    streamPage?: string;
+};
+declare function Author({ byline, headshot, prefLabel, role, streamPage, }: AuthorProps): import("preact").JSX.Element;
+declare namespace Author {
+    var defaultProps: {
+        byline: string;
+        headshot: boolean;
+        prefLabel: boolean;
+        streamPage: string;
+    };
+}
+export default Author;

package/dist/types/components/Calendar/Apps.d.ts

@@ -0,0 +1,14 @@
+import { JSX, PropsWithChildren } from 'react';
+export type LinkProps = {
+    title: string;
+    startDateTime: string;
+    endDateTime: string;
+    url: string;
+    children?: string;
+};
+declare const _default: {
+    name: string;
+    icon: JSX.Element;
+    link: ({ title, startDateTime, endDateTime, url, }: PropsWithChildren<LinkProps>) => JSX.Element;
+}[];
+export default _default;

package/dist/types/components/Calendar/CalendarList.d.ts

@@ -0,0 +1,2 @@
+declare function CalendarList(): import("preact").JSX.Element;
+export default CalendarList;

package/dist/types/components/Calendar/CalendarListItem.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import type { LinkProps } from './Apps';
+type CalendarListItemProps = {
+    name: string;
+    link: (props: LinkProps) => JSX.Element;
+};
+declare function CalendarListItem({ name, link }: CalendarListItemProps): JSX.Element;
+export default CalendarListItem;

package/dist/types/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+declare function Calendar(): import("react").JSX.Element;
+export default Calendar;

package/dist/types/components/CountdownTimer/index.d.ts

@@ -0,0 +1,6 @@
+type CountdownTimerProps = {
+    container?: HTMLElement;
+};
+export declare function formatTime(remainingTime: number): string | undefined;
+declare function CountdownTimer({ container }: CountdownTimerProps): import("react").JSX.Element;
+export default CountdownTimer;

package/dist/types/components/EmbedFormField/index.d.ts

@@ -0,0 +1,5 @@
+type EmbedFormFieldProps = {
+    container?: HTMLElement;
+};
+declare function EmbedFormField({ container }: EmbedFormFieldProps): import("react").JSX.Element;
+export default EmbedFormField;

package/dist/types/components/ErrorMessage/humanReadableError.d.ts

@@ -0,0 +1,29 @@
+import type { FetchBaseQueryError } from '@reduxjs/toolkit/query';
+import type { SerializedError } from '@reduxjs/toolkit';
+import type { ErrorObjectResponseWithUserErrorCode } from '../../types/comments-api';
+type AbortError = {
+    name: 'AbortError';
+    message: string;
+};
+type UnMappedErrorDetails = {
+    name: string;
+    message: string;
+};
+export type ErrorMessage = Record<string, {
+    title: string;
+    message: string;
+}>;
+type FetchBaseQueryErrorWithUserErrorCode = {
+    status: number;
+    data: ErrorObjectResponseWithUserErrorCode;
+};
+export type AcceptedError = FetchBaseQueryError | SerializedError | AbortError | FetchBaseQueryErrorWithUserErrorCode;
+export default class HumanReadableError {
+    private _humanReadableError;
+    private _unMappedError;
+    constructor(error: AcceptedError, customErrorMessages?: ErrorMessage);
+    get title(): string;
+    get message(): string;
+    get unmappedError(): UnMappedErrorDetails | null;
+}
+export {};

package/dist/types/components/ErrorMessage/index.d.ts

@@ -0,0 +1,8 @@
+import type { AcceptedError, ErrorMessage } from './humanReadableError';
+export default function ErrorMessage({ error, storyId, errorMapping, operation, id, }: {
+    error: AcceptedError;
+    storyId: string;
+    errorMapping?: ErrorMessage;
+    operation?: string;
+    id?: string;
+}): import("react").JSX.Element;

package/dist/types/components/Expander/index.d.ts

@@ -0,0 +1,8 @@
+type ExpanderProps = {
+    className?: string;
+    expandLabel?: string;
+    collapseLabel?: string;
+    id: string;
+};
+declare function Expander({ className, children, expandLabel, collapseLabel, id, }: React.PropsWithChildren<ExpanderProps>): import("react").JSX.Element;
+export default Expander;

package/dist/types/components/ExpertDrawer/index.d.ts

@@ -0,0 +1,2 @@
+declare function ExpertDrawer(): import("react").JSX.Element | null;
+export default ExpertDrawer;

package/dist/types/components/FloatingActionBar/index.d.ts

@@ -0,0 +1,4 @@
+declare function FloatingActionBar({ showLiveIndicator, }: {
+    showLiveIndicator?: boolean;
+}): import("react").JSX.Element;
+export default FloatingActionBar;

package/dist/types/components/Loader/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Loader component that shows the o-loading spinner, defaults to small light variant
+ * @typedef {Object} LoaderProps
+ * @property {('mini'|'small'|'medium'|'large')} [size] - Size variant of the loader.
+ * @property {('dark'|'light')} [theme] - Theme variant of the loader.
+
+ * @property {string} [extraClassNames] - Additional CSS class names to be applied to the loader component for custom styling.
+ */
+export type LoaderProps = {
+    size?: 'mini' | 'small' | 'medium' | 'large';
+    theme?: 'dark' | 'light';
+    extraClassNames?: string;
+};
+export default function Loader({ size, theme, extraClassNames, }: LoaderProps): import("preact").JSX.Element;

package/dist/types/components/MessageBox/index.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+type MessageBoxProps = {
+    color?: string;
+    text: string | JSX.Element;
+    title: string;
+    extraClassNames?: string;
+    id?: string;
+};
+declare function MessageBox({ color, extraClassNames, text, title, id, }: MessageBoxProps): JSX.Element;
+export default MessageBox;

package/dist/types/components/Overlay/index.d.ts

@@ -0,0 +1,12 @@
+type OverlayOptions = {
+    noBackground?: boolean;
+    shadow?: boolean;
+};
+type OverlayProps = {
+    title: String;
+    children: React.ReactNode;
+    closeCallback: () => void;
+    options?: OverlayOptions;
+};
+declare function Overlay({ title, children, closeCallback, options, }: OverlayProps): import("preact").JSX.Element;
+export default Overlay;

package/dist/types/components/Qanda.d.ts

@@ -0,0 +1,3 @@
+import type { QandaProps } from '../types/qanda';
+declare function Qanda({ storyId, useStaging, title, commentsAPIHost, commentsAPIVersion, maxQuestionLength, embedFormFieldContainer, countdownTimerContainer, }: QandaProps): import("preact").JSX.Element | null;
+export default Qanda;

package/dist/types/components/QandaBlock/index.d.ts

@@ -0,0 +1,7 @@
+import type { Comment } from '../../types/comment';
+import '../Expander/index';
+type QandaBlockProps = Comment & {
+    showAnswerTime: boolean;
+};
+declare function QandaBlock({ id, body, children, byline, subtitle, showAnswerTime, }: QandaBlockProps): import("react").JSX.Element;
+export default QandaBlock;

package/dist/types/components/QandaContainer.d.ts

@@ -0,0 +1,6 @@
+type QandaContainerProps = {
+    embedFormFieldContainer?: HTMLElement;
+    countdownTimerContainer?: HTMLElement;
+};
+declare function QandaContainer({ embedFormFieldContainer, countdownTimerContainer, }: QandaContainerProps): import("react").JSX.Element;
+export default QandaContainer;

package/dist/types/components/QandaProvider.d.ts

@@ -0,0 +1,9 @@
+type QandaContextType = {
+    storyId: string;
+    useStaging: boolean;
+    commentsAPIUrl: string;
+    title: string;
+    maxQuestionLength?: number;
+};
+export declare const QandaContext: import("preact").Context<QandaContextType>;
+export {};

package/dist/types/components/QuestionForm/index.d.ts

@@ -0,0 +1 @@
+export default function QuestionForm(): import("react").JSX.Element | undefined;

package/dist/types/components/QuestionForm/messagesByUserType.d.ts

@@ -0,0 +1,7 @@
+import { UserDetails } from '../../store/user';
+export declare const SIGN_IN_URL = "https://www.ft.com/login";
+export declare const SUBSCRIBE_URL = "https://subs.ft.com/products";
+export declare const COMMUNITY_GUIDELINES_URL = "https://help.ft.com/help/article-queries/commenting-on-an-article/commenting-guidelines";
+export declare const TERMS_AND_CONDITIONS_URL = "https://help.ft.com/help/legal-privacy/terms-conditions";
+export declare function getTitleByUser(profile: UserDetails): "Q&A guidelines" | "You are still on a trial period" | "Asking a question is only available to readers with an FT subscription";
+export declare function getTextByUser(profile: UserDetails): import("preact").JSX.Element;

package/dist/types/components/Stream/index.d.ts

@@ -0,0 +1,5 @@
+import type { Status } from '../../types/qa';
+declare function Stream({ status }: {
+    status: Status;
+}): import("react").JSX.Element;
+export default Stream;

package/dist/types/components/Survey/index.d.ts

@@ -0,0 +1,6 @@
+type SurveyProps = {
+    storyId: string;
+    status: string;
+};
+declare function Survey({ storyId, status }: SurveyProps): import("preact").JSX.Element;
+export default Survey;

package/dist/types/hooks/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(breakpoint?: number): boolean;

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+import QandaBlock from './components/QandaBlock';
+import type { QandaProps } from './types/qanda';
+declare class QandaUI {
+    containerElement: HTMLElement;
+    embedFormFieldContainer: HTMLElement;
+    countdownTimerContainer: HTMLElement;
+    storyId: string;
+    useStaging: boolean;
+    title: string;
+    commentsAPIHost: string;
+    commentsAPIVersion: string;
+    maxQuestionLength: number;
+    constructor(containerElement: HTMLElement, options?: QandaProps);
+    init(): void;
+    destroy(): void;
+}
+export { QandaUI, QandaBlock };

package/dist/types/services/comments-api.d.ts

@@ -0,0 +1,52 @@
+import type { Comment } from '../types/comment';
+import type { QA } from '../types/qa';
+import type { Status } from '../types/qa';
+export declare let eventSource: EventSource | null;
+type CommentsStreamResponse = {
+    type: string;
+    children?: Comment[];
+    status?: Status;
+    startDateTime?: string;
+    endDateTime?: string;
+};
+type CommentsStreamTransformed = Omit<CommentsStreamResponse, 'children'> & {
+    qandas: Comment[];
+};
+type CommentsAPIUrlParams = {
+    storyId: string;
+    useStaging: boolean;
+    commentsAPIUrl: string;
+};
+type CommentsAPIUrlTokenParams = CommentsAPIUrlParams & {
+    token: string;
+};
+type CommentsAPIUrlQuestionParams = CommentsAPIUrlTokenParams & {
+    question: string;
+    postAnonymously: boolean;
+};
+type CachedData = {
+    updatedComments?: Comment[];
+    updateQA?: QA;
+    [key: string]: any;
+};
+type UserRolesTransformed = {
+    expertView: boolean;
+};
+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>, {
+    getQandAStream: import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams & {
+        status: Status;
+    }, 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">;
+    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">;
+    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">;
+    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, {
+        message: string;
+    }, "nextCommentsApi">;
+}, "nextCommentsApi", never, typeof import("@reduxjs/toolkit/query/react").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
+export declare const useGetQandAStreamQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query/react").QueryDefinition<CommentsAPIUrlParams & {
+    status: Status;
+}, 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, {
+    message: string;
+}, "nextCommentsApi">>;
+export declare const useUpdatedComments: ({ storyId, useStaging, commentsAPIUrl, }: CommentsAPIUrlParams) => Comment[];
+export declare const useUpdatedQA: ({ storyId, useStaging, commentsAPIUrl, }: CommentsAPIUrlParams) => any;
+export {};

package/dist/types/services/error-middleware.d.ts

@@ -0,0 +1,2 @@
+import type { Middleware, Dispatch, Action } from '@reduxjs/toolkit';
+export declare const rtkQueryErrorLogger: Middleware<{}, any, Dispatch<Action>>;

package/dist/types/services/reliability.d.ts

@@ -0,0 +1,19 @@
+type Outcome = 'success' | 'failure';
+export type CriticalOperation = 'initialisation' | 'expert-load-coral-ui' | 'question-submission' | 'profile-load' | 'stream-load' | 'qa-updates' | 'unmapped-operation';
+declare class Reliability {
+    private articleId;
+    private testOnly;
+    private topLevelNamespace;
+    constructor(options: {
+        topLevelNamespace: string;
+        testOnly?: boolean;
+    });
+    setArticleId(articleId: string): void;
+    dispatch(outcome: Outcome, operation: CriticalOperation, error?: Error | null): void;
+    normaliseError(error: unknown): Error;
+    failure(operation: CriticalOperation, error: unknown): void;
+    success(operation: CriticalOperation): void;
+    throw(error?: string): void;
+}
+declare const qandaReliability: Reliability;
+export { qandaReliability, Reliability };

package/dist/types/store/expertSlice.d.ts

@@ -0,0 +1,14 @@
+import { Slice, CaseReducer, PayloadAction } from '@reduxjs/toolkit';
+export interface ExpertState {
+    isExpertFormOpen: boolean;
+    expertView?: boolean;
+}
+type ExpertCaseReducers = {
+    openExpertForm: CaseReducer<ExpertState>;
+    closeExpertForm: CaseReducer<ExpertState>;
+    setExpertView: CaseReducer<ExpertState, PayloadAction<boolean | undefined>>;
+};
+export declare const expertSlice: Slice<ExpertState, ExpertCaseReducers, 'expert'>;
+export declare const openExpertForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expert/openExpertForm">, closeExpertForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expert/closeExpertForm">, setExpertView: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<boolean | undefined, "expert/setExpertView">;
+declare const _default: import("@reduxjs/toolkit").Reducer<ExpertState>;
+export default _default;

package/dist/types/store/index.d.ts

@@ -0,0 +1,218 @@
+import { ThunkAction, Action, ThunkDispatch } from '@reduxjs/toolkit';
+import { QuestionState } from './questionSlice';
+import { StreamState } from './stream';
+import { UserState } from './user';
+import { ExpertState } from './expertSlice';
+export declare const rootReducer: import("@reduxjs/toolkit").Reducer<import("@reduxjs/toolkit").CombinedState<{
+    stream: any;
+    question: QuestionState;
+    user: any;
+    expert: ExpertState;
+    nextCommentsApi: import("@reduxjs/toolkit/query").CombinedState<{
+        getQandAStream: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            status: import("../types/qa").Status;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
+            type: string;
+            children?: import("../types/comment").Comment[];
+            status?: import("../types/qa").Status;
+            startDateTime?: string;
+            endDateTime?: string;
+        }, "children"> & {
+            qandas: import("../types/comment").Comment[];
+        }, "nextCommentsApi">;
+        getQandAUpdates: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            [key: string]: any;
+            updatedComments?: import("../types/comment").Comment[];
+            updateQA?: import("../types/qa").QA;
+        }, "nextCommentsApi">;
+        getUserRoles: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            token: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            expertView: boolean;
+        }, "nextCommentsApi">;
+        postQuestion: import("@reduxjs/toolkit/query").MutationDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            token: string;
+        } & {
+            question: string;
+            postAnonymously: boolean;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            message: string;
+        }, "nextCommentsApi">;
+    }, never, "nextCommentsApi">;
+}>, import("@reduxjs/toolkit").AnyAction>;
+export type RootState = {
+    stream: StreamState;
+    question: QuestionState;
+    user: UserState;
+    expert: ExpertState;
+};
+export declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<import("@reduxjs/toolkit").EmptyObject & {
+    stream: any;
+    question: QuestionState;
+    user: any;
+    expert: ExpertState;
+    nextCommentsApi: import("@reduxjs/toolkit/query").CombinedState<{
+        getQandAStream: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            status: import("../types/qa").Status;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
+            type: string;
+            children?: import("../types/comment").Comment[];
+            status?: import("../types/qa").Status;
+            startDateTime?: string;
+            endDateTime?: string;
+        }, "children"> & {
+            qandas: import("../types/comment").Comment[];
+        }, "nextCommentsApi">;
+        getQandAUpdates: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            [key: string]: any;
+            updatedComments?: import("../types/comment").Comment[];
+            updateQA?: import("../types/qa").QA;
+        }, "nextCommentsApi">;
+        getUserRoles: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            token: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            expertView: boolean;
+        }, "nextCommentsApi">;
+        postQuestion: import("@reduxjs/toolkit/query").MutationDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            token: string;
+        } & {
+            question: string;
+            postAnonymously: boolean;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            message: string;
+        }, "nextCommentsApi">;
+    }, never, "nextCommentsApi">;
+}, import("@reduxjs/toolkit").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<import("@reduxjs/toolkit").CombinedState<{
+    stream: any;
+    question: QuestionState;
+    user: any;
+    expert: ExpertState;
+    nextCommentsApi: import("@reduxjs/toolkit/query").CombinedState<{
+        getQandAStream: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            status: import("../types/qa").Status;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
+            type: string;
+            children?: import("../types/comment").Comment[];
+            status?: import("../types/qa").Status;
+            startDateTime?: string;
+            endDateTime?: string;
+        }, "children"> & {
+            qandas: import("../types/comment").Comment[];
+        }, "nextCommentsApi">;
+        getQandAUpdates: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            [key: string]: any;
+            updatedComments?: import("../types/comment").Comment[];
+            updateQA?: import("../types/qa").QA;
+        }, "nextCommentsApi">;
+        getUserRoles: import("@reduxjs/toolkit/query").QueryDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            token: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            expertView: boolean;
+        }, "nextCommentsApi">;
+        postQuestion: import("@reduxjs/toolkit/query").MutationDefinition<{
+            storyId: string;
+            useStaging: boolean;
+            commentsAPIUrl: string;
+        } & {
+            token: string;
+        } & {
+            question: string;
+            postAnonymously: boolean;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+            message: string;
+        }, "nextCommentsApi">;
+    }, never, "nextCommentsApi">;
+}>, import("@reduxjs/toolkit").AnyAction>, import("@reduxjs/toolkit").Middleware<{}, import("@reduxjs/toolkit/query").RootState<{
+    getQandAStream: import("@reduxjs/toolkit/query").QueryDefinition<{
+        storyId: string;
+        useStaging: boolean;
+        commentsAPIUrl: string;
+    } & {
+        status: import("../types/qa").Status;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, Omit<{
+        type: string;
+        children?: import("../types/comment").Comment[];
+        status?: import("../types/qa").Status;
+        startDateTime?: string;
+        endDateTime?: string;
+    }, "children"> & {
+        qandas: import("../types/comment").Comment[];
+    }, "nextCommentsApi">;
+    getQandAUpdates: import("@reduxjs/toolkit/query").QueryDefinition<{
+        storyId: string;
+        useStaging: boolean;
+        commentsAPIUrl: string;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+        [key: string]: any;
+        updatedComments?: import("../types/comment").Comment[];
+        updateQA?: import("../types/qa").QA;
+    }, "nextCommentsApi">;
+    getUserRoles: import("@reduxjs/toolkit/query").QueryDefinition<{
+        storyId: string;
+        useStaging: boolean;
+        commentsAPIUrl: string;
+    } & {
+        token: string;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+        expertView: boolean;
+    }, "nextCommentsApi">;
+    postQuestion: import("@reduxjs/toolkit/query").MutationDefinition<{
+        storyId: string;
+        useStaging: boolean;
+        commentsAPIUrl: string;
+    } & {
+        token: string;
+    } & {
+        question: string;
+        postAnonymously: boolean;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, {
+        message: string;
+    }, "nextCommentsApi">;
+}, string, "nextCommentsApi">, ThunkDispatch<any, any, import("@reduxjs/toolkit").AnyAction>>, import("@reduxjs/toolkit").Middleware<{}, any, import("@reduxjs/toolkit").Dispatch<Action<any>>>]>>;
+export type AnyAction = typeof store.dispatch;
+export type AppDispatch = ThunkDispatch<RootState, unknown, any>;
+export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;

package/dist/types/store/questionSlice.d.ts

@@ -0,0 +1,16 @@
+import { PayloadAction, Slice, CaseReducer } from '@reduxjs/toolkit';
+export interface QuestionState {
+    isFormOpen: boolean;
+    question: string;
+    displayNameError: string | null;
+}
+type ExpertCaseReducers = {
+    openForm: CaseReducer<QuestionState>;
+    closeForm: CaseReducer<QuestionState>;
+    updateQuestion: CaseReducer<QuestionState, PayloadAction<string>>;
+    updateDisplayNameError: CaseReducer<QuestionState, PayloadAction<string | null>>;
+};
+export declare const questionSlice: Slice<QuestionState, ExpertCaseReducers, 'question'>;
+export declare const openForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"question/openForm">, closeForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"question/closeForm">, updateQuestion: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "question/updateQuestion">, updateDisplayNameError: import("@reduxjs/toolkit").ActionCreatorWithPayload<string | null, "question/updateDisplayNameError">;
+declare const _default: import("@reduxjs/toolkit").Reducer<QuestionState>;
+export default _default;

package/dist/types/store/stream.d.ts

@@ -0,0 +1,7 @@
+import { Slice } from '@reduxjs/toolkit';
+export type StreamState = {
+    latestAnsweredQuestionId: string;
+};
+export declare const initialState: StreamState;
+export declare const stream: Slice;
+export declare const setLatestAnsweredQuestionId: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`>;

package/dist/types/store/updateComments.d.ts

@@ -0,0 +1,3 @@
+import { AppDispatch } from './index';
+import type { Comment } from '../types/comment';
+export declare const updateComments: (dispatch: AppDispatch, updatedComments: Comment[], storyId: string, useStaging: boolean, commentsAPIUrl: string) => void;

package/dist/types/store/user.d.ts

@@ -0,0 +1,26 @@
+import { Slice } from '@reduxjs/toolkit';
+export type UserDetails = {
+    token: string;
+    displayName: string;
+    isRegistered?: boolean;
+    isTrialist?: boolean;
+    isSubscribed?: boolean;
+};
+export type UserState = {
+    profile: UserDetails;
+} & AsyncOperation;
+export declare const getUserProfile: import("@reduxjs/toolkit").AsyncThunk<UserDetails, {
+    useStaging: boolean;
+    displayName?: string;
+    commentsAPIUrl: string;
+}, {
+    state?: unknown;
+    dispatch?: import("@reduxjs/toolkit").Dispatch;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export declare const user: Slice;

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

@@ -0,0 +1,6 @@
+declare const _default: ({ useStaging, displayName, commentsAPIUrl, }: {
+    useStaging: boolean;
+    displayName: string;
+    commentsAPIUrl?: string;
+}) => Promise<import("@financial-times/o-comments").AuthResponse>;
+export default _default;