@apolitical/component-library 6.3.0 → 6.3.2

package/discussion/components/form/form.type.d.ts

@@ -1,6 +1,6 @@
 import type { IEnrichedUrlData } from '../../../navigation';
-import { DiscussionCreateContentFunction, IDiscussionContent, IListMemberData, IMentions, IDiscussionFormFns } from './../../discussion';
-import { ICategory } from '../../shared';
+import { IDiscussionContent, IMentions } from './../../discussion';
+import { ICategory, IDiscussionFormFunctions } from '../../shared';
 export interface IDiscussionFormMeta {
     /** Whether the form data is still loading */
     isLoading?: boolean;
@@ -36,24 +36,6 @@ export interface IDiscussionFormMeta {
     /** Whether the success message should show on a successful submit */
     showSuccessMessage?: boolean;
 }
-interface IDiscussionFormFunctions extends IDiscussionFormFns {
-    onChange?: (args: {
-        [key: string]: string | boolean;
-    }) => void;
-    create: DiscussionCreateContentFunction;
-    handleSaveEdit?: (({ title, body }: {
-        title: string;
-        body: string;
-    }) => Promise<void>) | (() => void);
-    handleCancel?: () => void;
-    callback?: (args: void) => void;
-    onMention?: (value?: IListMemberData) => void;
-    props?: {
-        create: {
-            projectNames: ['questions-answers'];
-        };
-    };
-}
 export interface IDiscussionForm {
     /** A unique ID for the form */
     id?: string;
@@ -107,4 +89,3 @@ export interface IDiscussionFormState {
         link?: false | IEnrichedUrlData;
     };
 }
-export {};

package/discussion/components/form/index.d.ts

@@ -1,2 +1,2 @@
-export type { IDiscussionForm, IDiscussionFormMeta } from './form.type';
+export type { IDiscussionForm, IDiscussionFormMeta, } from './form.type';
 export { default as DiscussionForm } from './form';

package/discussion/components/post/index.d.ts

@@ -1,3 +1,3 @@
 export type { IDiscussionPostProps, IPostContent } from './post';
 export { default as DiscussionPost } from './post';
-export { getPostBody } from './post.helpers';
+export { getPostBody, enrichPostCategories } from './post.helpers';

package/discussion/components/post/post.d.ts

@@ -84,15 +84,10 @@ export interface IDiscussionPostProps {
     isCommunity?: boolean;
     /** Whether to show badges and the scope of the badge */
     badges?: IBadgesOption;
-    /** Categories for the community */
-    categories?: {
-        name: string;
-        slug: string;
-    }[];
     /** The base path, used for slugs */
     basePath: string;
     /** The ID of the parent, used for slugs */
     parentId: string;
 }
-declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, setFocus, isCommunity, badges, categories, basePath, parentId, }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
+declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, setFocus, isCommunity, badges, basePath, parentId, }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
 export default Post;

package/discussion/components/post/post.helpers.d.ts

@@ -1,3 +1,5 @@
 import { IMentions } from './../../discussion';
 import { ListMembers } from '../../../form';
+import { ICategory } from '../../shared';
 export declare const getPostBody: (body: string, isTruncated: boolean | number, mentions?: IMentions, listMembers?: ListMembers) => Promise<string>;
+export declare const enrichPostCategories: (postCategories: string[], allCategories: ICategory[]) => (ICategory | undefined)[];

package/discussion/feeds/activities-feed/activities-feed.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { type IProfileFormProps } from '../../../form';
+import { ICategory } from '../../../discussion/shared';
 import type { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
 import type { IDiscussionFormFns } from '../../../discussion/discussion.d';
 import { type IQueryFns } from './cache';
@@ -13,10 +14,7 @@ interface Props {
     /** Whether the user is an owner of the community */
     isOwner: boolean;
     /** The categories for the community */
-    categories: {
-        name: string;
-        slug: string;
-    }[];
+    categories: ICategory[];
     /** Functions for the activities query */
     functions: {
         /** Query functions for the activities */

package/discussion/feeds/replies-feed/cache/hooks/feed/index.d.ts

@@ -1 +1,2 @@
 export * from './feed.hook';
+export type { IParsedReplies } from './parse-replies';

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/index.d.ts

@@ -0,0 +1 @@
+export * from './parse-replies';

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/mocks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './replies.mock';
+export * from './user.mock';

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/mocks/replies.mock.d.ts

@@ -0,0 +1,2 @@
+import { IReaction } from '../../../../../../../../discussion/shared';
+export declare const repliesMock: IReaction[];

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/mocks/user.mock.d.ts

@@ -0,0 +1,4 @@
+export declare const userMock: {
+    id: string;
+    isLoading: boolean;
+};

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/parse-replies.d.ts

@@ -0,0 +1,28 @@
+import { IUserContext } from '../../../../../../../context';
+import { IMentions, IReaction } from '../../../../../../../discussion/shared';
+import { DefaultGenerics, EnrichedUser } from 'getstream';
+interface ExtractedReplyData {
+    mentions?: IMentions;
+    [key: string]: unknown;
+}
+export interface IParsedReplies {
+    body: string;
+    data: ExtractedReplyData;
+    likeId: string;
+    liked: boolean;
+    likes: number;
+    peopleWhoLiked: {
+        id: string;
+        name: string;
+    }[] | false;
+    replyId: string;
+    userLiked: boolean;
+    createdAt: string;
+    parent: string;
+    user: EnrichedUser<DefaultGenerics> | undefined;
+}
+export declare function parseReplies({ replies, user, }: {
+    replies: IReaction[];
+    user: IUserContext;
+}): IParsedReplies[];
+export {};

package/discussion/feeds/replies-feed/components/add-reply-form/add-reply-form.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { IDiscussionFormFunctions } from '../../../../../discussion/shared';
+interface Props {
+    /** Whether the user is a member of the community */
+    isMember: boolean;
+    /** The ID of the parent, used for slugs */
+    parentId: string;
+    /** Query functions for the mentions */
+    formFunctions: IDiscussionFormFunctions;
+    /** Function to join the community */
+    join: () => Promise<void>;
+    /** Function to leave the community */
+    leave: () => Promise<void>;
+}
+export default function AddReplyForm({ parentId, isMember, formFunctions, leave, join, }: Props): JSX.Element;
+export {};

package/discussion/feeds/replies-feed/components/add-reply-form/index.d.ts

@@ -0,0 +1 @@
+export { default as AddReplyForm } from './add-reply-form';

package/discussion/feeds/replies-feed/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './add-reply-form';
+export * from './load-more-replies-button';
+export * from './reply-item';

package/discussion/feeds/replies-feed/components/load-more-replies-button/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadMoreRepliesButton } from './load-more-replies-button';

package/discussion/feeds/replies-feed/components/load-more-replies-button/load-more-replies-button.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface Props {
+    /** Whether there is a next page */
+    hasNextPage: boolean;
+    /** Function to fetch the next page */
+    fetchNextPage: () => void;
+    /** The index to focus on */
+    setFocusReplyIndex: (index: number) => void;
+    /** The total number of replies */
+    totalReplies: number;
+}
+export default function LoadMoreRepliesButton({ hasNextPage, fetchNextPage, setFocusReplyIndex, totalReplies, }: Props): JSX.Element;
+export {};

package/discussion/feeds/replies-feed/{nested-replies-feed → components/nested-replies-feed}/nested-replies-feed.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { IDiscussionFormFns } from '../../../../discussion/discussion.d';
-import { ILikesFeedQueryFns } from '../../../../discussion/feeds/likes-feed';
-import { type IQueryFns } from './../cache';
+import type { IDiscussionFormFns } from '../../../../../discussion/discussion.d';
+import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
+import { type IQueryFns } from '../../cache';
 interface NestedRepliesFunctions {
     /** Functions for the replies query */
     reactions: IQueryFns;

package/discussion/feeds/replies-feed/components/reply-item/index.d.ts

@@ -0,0 +1 @@
+export { default as ReplyItem } from './reply-item';

package/discussion/feeds/replies-feed/components/reply-item/reply-item.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
+import type { IDiscussionFormFns } from '../../../../discussion';
+import type { IQueryFns, IParsedReplies } from '../../cache';
+interface Props {
+    /** The ID of the activity the replies are for */
+    activityId: string;
+    /** The base path, used for slugs */
+    basePath: string;
+    /** The ID of the parent, used for slugs */
+    parentId: string;
+    /** Whether the user is a member of the community */
+    isMember: boolean;
+    /** The reply data */
+    reply: IParsedReplies;
+    /** Whether to show the replies */
+    focus: boolean;
+    /** Functions for the replies query */
+    formFns: {
+        form: IDiscussionFormFns;
+        reactions: IQueryFns;
+        likes: ILikesFeedQueryFns;
+    };
+}
+export default function ReplyItem({ formFns, activityId, basePath, focus, isMember, parentId, reply, }: Props): JSX.Element;
+export {};

package/discussion/feeds/replies-feed/mocks/index.d.ts

@@ -1 +1,2 @@
+export * from './parsed-replies-feed.mock';
 export * from './replies-feed.mock';

package/discussion/feeds/replies-feed/mocks/parsed-replies-feed.mock.d.ts

@@ -0,0 +1,13 @@
+export declare const parsedRepliesMock: {
+    user: string;
+    body: string;
+    createdAt: string;
+    data: {};
+    likeId: string;
+    liked: boolean;
+    likes: number;
+    peopleWhoLiked: never[];
+    replyId: string;
+    parent: string;
+    userLiked: boolean;
+}[];

package/discussion/feeds/replies-feed/replies-feed.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { type IProfileFormProps } from '../../../form';
 import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
-import type { IDiscussionFormFns } from './../../discussion';
+import type { IDiscussionFormFns } from '../../discussion';
 import { type IQueryFns } from './cache';
 interface RepliesFunctions {
     /** Functions for the replies query */
     reactions: IQueryFns;
-    /** Functions for the likes query */
+    /** Functions for likes query */
     likes: ILikesFeedQueryFns;
     /** Query functions for the mentions */
     form: IDiscussionFormFns;
@@ -30,6 +30,8 @@ interface Props {
     functions: RepliesFunctions;
     /** Props to pass into the profile form */
     profile: IProfileFormProps;
+    /** Whether to show the replies */
+    showReplies: boolean;
 }
 declare const RepliesFeed: React.FC<Props>;
 export default RepliesFeed;

package/discussion/sections/activity-section/activity-section.d.ts

@@ -3,6 +3,7 @@ import { type IProfileFormProps } from '../../../form';
 import { type IRepliesFeedQueryFns, type ILikesFeedQueryFns } from '../../../discussion/feeds';
 import type { IDiscussionFormFns } from './../../discussion.d';
 import { type IQueryFns } from './cache';
+import { ICategory } from '../../shared';
 interface IActivitySectionQueryFns extends IQueryFns {
     remove: () => Promise<void>;
 }
@@ -21,10 +22,7 @@ export interface IActivitySectionProps {
         leave: () => Promise<void>;
     };
     profile: IProfileFormProps;
-    categories?: {
-        name: string;
-        slug: string;
-    }[];
+    categories?: ICategory[];
 }
 declare const ActivitySection: React.FC<IActivitySectionProps>;
 export default ActivitySection;

package/discussion/sections/activity-section/activity-section.helpers.d.ts

@@ -0,0 +1,2 @@
+import type { ReactionsRecords, DefaultGenerics } from 'getstream';
+export declare function checkIfUserHasVoted(activityType: string, latestReactions: ReactionsRecords<DefaultGenerics> | undefined): boolean;

package/discussion/sections/activity-section/activity-section.mock.d.ts

@@ -0,0 +1,103 @@
+import type { IActivity, IReaction } from '../../shared';
+import { type IMention } from '../../../form';
+export declare const functions: {
+    activities: {
+        read: () => Promise<IActivity>;
+        edit: () => Promise<IActivity>;
+        like: () => Promise<IReaction>;
+        remove: () => Promise<void>;
+        unlike: () => Promise<IReaction>;
+        pin: () => Promise<IReaction>;
+        unpin: () => Promise<IReaction>;
+    };
+    reactions: {
+        create: () => Promise<IReaction>;
+        edit: () => Promise<IReaction>;
+        like: () => Promise<IReaction>;
+        list: () => Promise<{
+            results: IReaction[];
+            next: string;
+            duration: string;
+        }>;
+        remove: () => Promise<void>;
+        unlike: () => Promise<IReaction>;
+    };
+    form: {
+        listMembers: () => Promise<IMention[]>;
+        clickMentionFallback: () => Promise<unknown>;
+    };
+    likes: {
+        list: () => Promise<{
+            results: never[];
+            next: string;
+            duration: string;
+        }>;
+    };
+    join: () => Promise<void>;
+    leave: () => Promise<void>;
+};
+export declare const args: {
+    basePath: string;
+    parentId: string;
+    activityId: string;
+    isMember: boolean;
+    isOwner: boolean;
+    profile: {
+        hooks: {
+            useMaps: () => {
+                buildLocation: (input: string) => Promise<{
+                    id: string;
+                    en: string;
+                    code: string;
+                }>;
+                isValidPlace: (input: string) => boolean;
+                predictPlaces: (input: string) => Promise<never[]>;
+            };
+        };
+        functions: {
+            uploadImage: () => Promise<void>;
+            onSuccess: () => Promise<void>;
+            onFailure: () => void;
+        };
+    };
+    functions: {
+        activities: {
+            read: () => Promise<IActivity>;
+            edit: () => Promise<IActivity>;
+            like: () => Promise<IReaction>;
+            remove: () => Promise<void>;
+            unlike: () => Promise<IReaction>;
+            pin: () => Promise<IReaction>;
+            unpin: () => Promise<IReaction>;
+        };
+        reactions: {
+            create: () => Promise<IReaction>;
+            edit: () => Promise<IReaction>;
+            like: () => Promise<IReaction>;
+            list: () => Promise<{
+                results: IReaction[];
+                next: string;
+                duration: string;
+            }>;
+            remove: () => Promise<void>;
+            unlike: () => Promise<IReaction>;
+        };
+        form: {
+            listMembers: () => Promise<IMention[]>;
+            clickMentionFallback: () => Promise<unknown>;
+        };
+        likes: {
+            list: () => Promise<{
+                results: never[];
+                next: string;
+                duration: string;
+            }>;
+        };
+        join: () => Promise<void>;
+        leave: () => Promise<void>;
+    };
+    categories: {
+        name: string;
+        slug: string;
+    }[];
+};

package/discussion/sections/activity-section/mocks/activity-functions.mock.d.ts

@@ -0,0 +1,46 @@
+export declare const mockFunctions: {
+    activities: {
+        edit: jest.Mock<any, any, any>;
+        like: jest.Mock<any, any, any>;
+        read: jest.Mock<any, any, any>;
+        remove: jest.Mock<any, any, any>;
+        unlike: jest.Mock<any, any, any>;
+        pin: jest.Mock<any, any, any>;
+        unpin: jest.Mock<any, any, any>;
+    };
+    reactions: {
+        add: jest.Mock<any, any, any>;
+        remove: jest.Mock<any, any, any>;
+        create: jest.Mock<any, any, any>;
+        edit: jest.Mock<any, any, any>;
+        like: jest.Mock<any, any, any>;
+        list: jest.Mock<any, any, any>;
+        unlike: jest.Mock<any, any, any>;
+    };
+    likes: {
+        add: jest.Mock<any, any, any>;
+        remove: jest.Mock<any, any, any>;
+        list: jest.Mock<any, any, any>;
+    };
+    form: {
+        submit: jest.Mock<any, any, any>;
+        validate: jest.Mock<any, any, any>;
+        listMembers: jest.Mock<any, any, any>;
+        clickMentionFallback: jest.Mock<any, any, any>;
+    };
+    join: jest.Mock<any, any, any>;
+    leave: jest.Mock<any, any, any>;
+};
+export declare const mockProfileHooks: {
+    useProfile: jest.Mock<any, any, any>;
+    useProfileUpdate: jest.Mock<any, any, any>;
+    useMaps: jest.Mock<any, any, any>;
+};
+export declare const mockProfileFunctions: {
+    updateProfile: jest.Mock<any, any, any>;
+    getProfile: jest.Mock<any, any, any>;
+    uploadImage: jest.Mock<any, any, any>;
+    onSuccess: jest.Mock<any, any, any>;
+    onCancel: jest.Mock<any, any, any>;
+    onFailure: jest.Mock<any, any, any>;
+};

package/discussion/sections/activity-section/mocks/activity-section.mock.d.ts

@@ -1,46 +1,52 @@
 export declare const activitySectionMock: {
-    actor: {
-        created_at: string;
-        updated_at: string;
-        id: string;
-        data: {
-            jobTitle: string;
-            name: string;
-            organization: string;
-            location: {
-                en: string;
-            };
-            badges: {
-                communities: {
-                    'community-slug': string[];
+    POST: {
+        actor: {
+            created_at: string;
+            updated_at: string;
+            id: string;
+            data: {
+                jobTitle: string;
+                name: string;
+                organization: string;
+                location: {
+                    en: string;
+                };
+                badges: {
+                    communities: {
+                        'community-slug': string[];
+                    };
                 };
             };
         };
+        categories: never[];
+        content: string;
+        feed_id: string;
+        foreign_id: string;
+        id: string;
+        latest_reactions: {
+            like: never[];
+            reply: never[];
+        };
+        latest_reactions_extra: {
+            like: never[];
+            reply: never[];
+        };
+        object: string;
+        origin: null;
+        own_reactions: {
+            like: never[];
+            reply: never[];
+        };
+        reaction_counts: {
+            like: number;
+            reply: number;
+        };
+        target: string;
+        time: string;
+        verb: string;
     };
-    categories: string[];
-    content: string;
-    feed_id: string;
-    foreign_id: string;
-    id: string;
-    latest_reactions: {
-        like: never[];
-        reply: never[];
-    };
-    latest_reactions_extra: {
-        like: never[];
-        reply: never[];
-    };
-    object: string;
-    origin: null;
-    own_reactions: {
-        like: never[];
-        reply: never[];
-    };
-    reaction_counts: {
-        like: number;
-        reply: number;
+    POLL: {
+        total_replies: number;
+        verb: string;
     };
-    target: string;
-    time: string;
-    verb: string;
 };

package/discussion/sections/activity-section/mocks/index.d.ts

@@ -1,2 +1,3 @@
 export { repliesFeedMock } from '../../../feeds/replies-feed';
+export * from './activity-functions.mock';
 export * from './activity-section.mock';

package/discussion/shared/interfaces/discussion.interface.d.ts

@@ -1,6 +1,8 @@
 import { MemberProps, MemberDetailsProps } from '../../../user';
 import type { ListMembers, ClickMentionFallback } from '../../../form';
 import type { IEnrichedUrlData } from '../../../navigation';
+import type { ICategory } from './community.category.interface';
+import type { IDiscussionFormFns } from '../../discussion';
 export type IDiscussionContentType = 'answer' | 'post' | 'response' | 'reply' | 'question';
 export interface IDiscussionContent {
     /** The type of content */
@@ -26,7 +28,7 @@ export interface IFullDiscussionContent extends IDiscussionContent {
     /** The author of the post */
     author: MemberProps;
     /** The post categories */
-    categories?: string[];
+    categories?: ICategory[];
     createdAt: Date | string;
     /** The number of likes to display */
     likes?: number;
@@ -90,3 +92,21 @@ export interface IConversation {
     prepopulateForm?: string;
     mentionData?: IListMemberData;
 }
+export interface IDiscussionFormFunctions extends IDiscussionFormFns {
+    onChange?: (args: {
+        [key: string]: string | boolean;
+    }) => void;
+    create: DiscussionCreateContentFunction;
+    handleSaveEdit?: (({ title, body }: {
+        title: string;
+        body: string;
+    }) => Promise<void>) | (() => void);
+    handleCancel?: () => void;
+    callback?: (args: void) => void;
+    onMention?: (value?: IListMemberData) => void;
+    props?: {
+        create: {
+            projectNames: ['questions-answers'];
+        };
+    };
+}

package/helpers/intl.d.ts

@@ -351,6 +351,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     poll_num_votes: string;
     poll_remove_vote_button: string;
     poll_aria_votes: string;
+    replies_feed_missing_polls_vote_message: string;
     tableOfContents: string;
     timeToComplete_hours: string;
     timeToComplete_hours_short: string;