@soul-refiner/design-system 2.6.15 → 2.7.1-alpha.1

package/dist/components/surfaces/comment/comment.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),Picker=require("@emoji-mart/react"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),text_input=(require("../../input/checkbox/checkbox.js"),require("../../input/date/date.js"),require("../../input/filter/filter.js"),require("../../input/radio/radio.js"),require("../../input/search/search.js"),require("../../input/select/select.js"),require("../../input/text_area/text_area.js"),require("../../input/text_input/text_input.js")),button=(require("../../input/calendar/calendar.js"),require("../../input/time/time.js"),require("@mui/x-date-pickers/LocalizationProvider"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("@mui/x-date-pickers/TimeField"),require("../../actions/button/button.js")),portal=require("../portal/portal.js"),emojis=require("../../../emoji/emojis.json.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),Link=require("next/link");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Picker__default=_interopDefaultCompat(Picker),Link__default=_interopDefaultCompat(Link);const MAX_REACTIONS_SHOWN=5,Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:o,onComment:i,onReact:n,onShowReplies:u,dropdown:d,reactionModal:p,reactions:c,replies:s,userImageUri:f,userName:m,userReactions:_,visibilityIcon:x,customPlaceHolder:y,userProfileUri:R})=>{const[g,b]=React__default.default.useState(!1),[h,$]=React__default.default.useState({x:0,y:0}),[v,E]=React__default.default.useState("up"),[j,k]=React__default.default.useState(!1),[q,C]=React__default.default.useState(!1),[S,w]=React__default.default.useState(""),P=React__default.default.Children.toArray(s);var s=()=>{u&&u(),C(!0)},r=helpers.abbrTimeBeforeDate(r),c=c&&Object.entries(c).slice(0,MAX_REACTIONS_SHOWN).sort((e,t)=>e[1]<t[1]?1:-1).map(e=>React__default.default.createElement(Reaction,{key:o+e[0],onClick:()=>n(e[0]),$align:"center",$dir:"row",$gap:5,$userSelected:_?.includes(e[0])},e[0],React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:10,$lineHeight:14},e[1]))),W=!!P?.length&&0<P.length,z=W&&P.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==P.length-1||l,React__default.default.createElement(ReplyWrapper,{$hasLine:t,key:a},e,React__default.default.createElement(ReplyIndicator,null))):null});return React__default.default.createElement(Wrapper,{id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:R,image:f,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:W||!!l},React__default.default.createElement(CommentBox,null,React__default.default.createElement(box.Box,{$dir:"row",$justify:"space-between",$align:"center"},React__default.default.createElement(paragraph.P,{$bold:!0,$color:"grey-2",$fontSize:14,$lineHeight:20},m),d),React__default.default.createElement(paragraph.P,{sx:"letter-spacing: -0.176px;"},a)),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:e=>{e.stopPropagation(),b(e=>!e),$({y:e.clientY,x:e.clientX}),E(400<e.clientY?"up":"down")},size:24,sx:" cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(comment.Comment,{color:"primary-blue-2",onClick:()=>k(e=>!e),size:24,sx:"border-radius: 50%; cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(paragraph.P,{$color:"grey-7"},"•"),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:24,sx:"flex-shrink: 0;"},r),React__default.default.createElement(box.Box,{$display:"flex",$flow:"row wrap",$gap:6,sx:"max-width: calc(100% - 190px); margin-left: auto;"},c,p),g&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:v,$top:h.y,$left:h.x},React__default.default.createElement(Picker__default.default,{data:emojis.default,onEmojiSelect:({native:e})=>{n(e),b(!1)},onClickOutside:()=>b(!1),maxFrequentRows:1,navPosition:"none",previewPosition:"none",perLine:9,theme:"auto"}))))),W&&q&&React__default.default.createElement(RepliesWrapper,null,z),!q&&!l&&W&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:s,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show replies"),React__default.default.createElement(ReplyIndicator,null))),l&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:s,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),j&&React__default.default.createElement(CommentWrapper,{onSubmit:e=>{e.stopPropagation(),e.preventDefault(),i(S),w("")}},React__default.default.createElement(text_input.TextInput,{bg:"var(--color-grey-10)",placeholder:y||"Write a reply",onChange:e=>{w(e.target.value)},value:S,placeIconAtTheEnd:!0,icon:x}))))},Wrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),Picker=require("@emoji-mart/react"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),text_input=(require("../../input/checkbox/checkbox.js"),require("../../input/date/date.js"),require("../../input/filter/filter.js"),require("../../input/radio/radio.js"),require("../../input/search/search.js"),require("../../input/select/select.js"),require("../../input/text_area/text_area.js"),require("../../input/text_input/text_input.js")),button=(require("../../input/calendar/calendar.js"),require("../../input/time/time.js"),require("@mui/x-date-pickers/LocalizationProvider"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("@mui/x-date-pickers/TimeField"),require("../../actions/button/button.js")),portal=require("../portal/portal.js"),emojis=require("../../../emoji/emojis.json.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),Link=require("next/link");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Picker__default=_interopDefaultCompat(Picker),Link__default=_interopDefaultCompat(Link);const MAX_REACTIONS_SHOWN=5,Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:o,onComment:i,onReact:n,onShowReplies:u,dropdown:d,reactionModal:p,reactions:c,replies:s,userImageUri:f,userName:m,userReactions:_,visibilityIcon:x,customPlaceHolder:y,userProfileUri:R,sx:g})=>{const[b,h]=React__default.default.useState(!1),[$,v]=React__default.default.useState({x:0,y:0}),[E,j]=React__default.default.useState("up"),[k,q]=React__default.default.useState(!1),[C,S]=React__default.default.useState(!1),[w,P]=React__default.default.useState(""),W=React__default.default.Children.toArray(s);var s=()=>{u&&u(),S(!0)},r=helpers.abbrTimeBeforeDate(r),c=c&&Object.entries(c).slice(0,MAX_REACTIONS_SHOWN).sort((e,t)=>e[1]<t[1]?1:-1).map(e=>React__default.default.createElement(Reaction,{key:o+e[0],onClick:()=>n(e[0]),$align:"center",$dir:"row",$gap:5,$userSelected:_?.includes(e[0])},e[0],React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:10,$lineHeight:14},e[1]))),z=!!W?.length&&0<W.length,I=z&&W.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==W.length-1||l,React__default.default.createElement(ReplyWrapper,{$hasLine:t,key:a},e,React__default.default.createElement(ReplyIndicator,null))):null});return React__default.default.createElement(Wrapper,{$sx:g,id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:R,image:f,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:z||!!l},React__default.default.createElement(CommentBox,null,React__default.default.createElement(box.Box,{$dir:"row",$justify:"space-between",$align:"center"},React__default.default.createElement(paragraph.P,{$bold:!0,$color:"grey-2",$fontSize:14,$lineHeight:20},m),d),React__default.default.createElement(paragraph.P,{sx:"letter-spacing: -0.176px;"},a)),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:e=>{e.stopPropagation(),h(e=>!e),v({y:e.clientY,x:e.clientX}),j(400<e.clientY?"up":"down")},size:24,sx:" cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(comment.Comment,{color:"primary-blue-2",onClick:()=>q(e=>!e),size:24,sx:"border-radius: 50%; cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(paragraph.P,{$color:"grey-7"},"•"),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:24,sx:"flex-shrink: 0;"},r),React__default.default.createElement(box.Box,{$display:"flex",$flow:"row wrap",$gap:6,sx:"max-width: calc(100% - 190px); margin-left: auto;"},c,p),b&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:E,$top:$.y,$left:$.x},React__default.default.createElement(Picker__default.default,{data:emojis.default,onEmojiSelect:({native:e})=>{n(e),h(!1)},onClickOutside:()=>h(!1),maxFrequentRows:1,navPosition:"none",previewPosition:"none",perLine:9,theme:"auto"}))))),z&&C&&React__default.default.createElement(RepliesWrapper,null,I),!C&&!l&&z&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:s,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show replies"),React__default.default.createElement(ReplyIndicator,null))),l&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:s,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),k&&React__default.default.createElement(CommentWrapper,{onSubmit:e=>{e.stopPropagation(),e.preventDefault(),i(w),P("")}},React__default.default.createElement(text_input.TextInput,{bg:"var(--color-grey-10)",placeholder:y||"Write a reply",onChange:e=>{P(e.target.value)},value:w,placeIconAtTheEnd:!0,icon:x}))))},Wrapper=styled.styled.div`
   max-width: 700px;
   display: flex;
   flex-direction: row;
@@ -7,6 +7,7 @@
   gap: 12px;
   justify-content: space-between;
   position: relative;
+  ${({$sx:e})=>e||""}
 `,ContentWrapper=styled.styled.div`
   display: flex;
   flex-direction: column;

package/dist/icons/symbols/twitter.js

@@ -1 +1 @@
-"use strict";var React=require("react"),icon=require("../../components/iconography/icon/icon.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const Twitter=t=>React__default.default.createElement(icon.Icon,{...t},React__default.default.createElement("path",{d:"M14.9986 3.39163C14.4744 3.62386 13.9184 3.77629 13.3491 3.84386C13.9421 3.48842 14.3975 2.92558 14.6119 2.25496C14.0481 2.58949 13.4313 2.8252 12.7882 2.95188C12.2643 2.39374 11.5179 2.04492 10.6918 2.04492C9.1057 2.04492 7.81974 3.33083 7.81974 4.91683C7.81974 5.14196 7.84517 5.36112 7.89411 5.57137C5.50723 5.45157 3.39103 4.30822 1.97449 2.57064C1.72733 2.99481 1.5857 3.4882 1.5857 4.01446C1.5857 5.01088 2.09277 5.8899 2.86335 6.40495C2.40727 6.39067 1.96123 6.26748 1.56246 6.04569C1.5623 6.05772 1.5623 6.06975 1.5623 6.08183C1.5623 7.47333 2.55226 8.63412 3.86606 8.89796C3.44314 9.01298 2.99952 9.02981 2.5691 8.94718C2.93455 10.0882 3.99522 10.9185 5.25192 10.9417C4.26901 11.712 3.03062 12.1711 1.68511 12.1711C1.45326 12.1711 1.22469 12.1575 1 12.131C2.27098 12.9459 3.78059 13.4213 5.40246 13.4213C10.6851 13.4213 13.5738 9.04506 13.5738 5.2499C13.5738 5.12533 13.5711 5.00148 13.5655 4.87833C14.1278 4.47187 14.6131 3.96843 14.9986 3.39163Z",fill:"#55ACEE"}));exports.Twitter=Twitter;
+"use strict";var React=require("react"),icon=require("../../components/iconography/icon/icon.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Twitter=e=>React__default.default.createElement(icon.Icon,{...e},React__default.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 1C1.89688 1 1 1.89688 1 3V13C1 14.1031 1.89688 15 3 15H13C14.1031 15 15 14.1031 15 13V3C15 1.89688 14.1031 1 13 1H3ZM12.2844 3.625L9.04062 7.33125L12.8562 12.375H9.86875L7.53125 9.31563L4.85313 12.375H3.36875L6.8375 8.40938L3.17812 3.625H6.24062L8.35625 6.42188L10.8 3.625H12.2844ZM11.1031 11.4875L5.79375 4.46562H4.90937L10.2781 11.4875H11.1H11.1031Z",fill:"black"}));exports.Twitter=Twitter;

package/dist/src/common/date.d.ts

@@ -1,13 +1,13 @@
 export declare const THIS_YEAR: number;
 export declare const THIS_MONTH: number;
 export declare enum WEEKDAYS {
+    SUN = "Sun",
     MON = "Mon",
     TUE = "Tue",
     WED = "Wed",
     THU = "Thu",
     FRI = "Fri",
-    SAT = "Sat",
-    SUN = "Sun"
+    SAT = "Sat"
 }
 export declare enum MONTHS {
     JAN = "Jan",

package/dist/src/components/custom/help_center/help_center-auth.d.ts

@@ -0,0 +1,7 @@
+import { USER_ROLES, User } from './types';
+declare const auth: {
+    isAuthenticated: () => boolean;
+    getUser: () => User | null;
+    hasPermission: (role: (typeof USER_ROLES)[keyof typeof USER_ROLES], permission: string) => boolean;
+};
+export default auth;

package/dist/src/components/custom/help_center/help_center-customModal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CustomModalProps } from './types';
+declare const CustomModal: React.FC<CustomModalProps>;
+export default CustomModal;

package/dist/src/components/custom/help_center/help_center-defaultArticle.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface DefaultArticlePageProps {
+    articleId: string;
+    title: string;
+    handleCreateCategory: (value: string) => void;
+    handleCreateArticle: () => void;
+}
+export declare const HowCanWeHelpPage: React.FC;
+export declare const DefaultArticlePage: React.FC<DefaultArticlePageProps>;
+interface DefaultSubcategoryPageProps {
+    categoryId: string;
+    subcategoryId: string;
+}
+export declare const DefaultSubcategoryPage: React.FC<DefaultSubcategoryPageProps>;
+export {};

package/dist/src/components/custom/help_center/help_center-editable-content.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ArticleCategory } from './types';
+interface EditArticleFormProps {
+    articleCategory: ArticleCategory;
+}
+declare const ArticleCategoryWithQA: React.FC<EditArticleFormProps>;
+export default ArticleCategoryWithQA;

package/dist/src/components/custom/help_center/help_center-mainPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MainPage: React.FC;
+export default MainPage;

package/dist/src/components/custom/help_center/help_center-sidebar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Sidebar: React.FC;
+export default Sidebar;

package/dist/src/components/custom/help_center/help_center.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Category, USER_ROLES } from './types';
+interface HelpCenterProps {
+    initialData: {
+        categories: Category[];
+        userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    };
+    onDataChange?: (data: {
+        categories: Category[];
+    }) => void;
+}
+export declare const HelpCenter: React.FC<HelpCenterProps>;
+export {};

package/dist/src/components/custom/help_center/help_center_articlle-list.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ArticleListProps {
+    categoryId: string;
+    subcategoryId: string;
+}
+declare const ArticleList: React.FC<ArticleListProps>;
+export default ArticleList;

package/dist/src/components/custom/help_center/help_center_categoryList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface CategoryListProps {
+    children: (categoryId: string, subcategoryId?: string) => React.ReactNode;
+}
+declare const CategoryList: React.FC<CategoryListProps>;
+export default CategoryList;

package/dist/src/components/custom/help_center/help_center_dataStore.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HelpCenterContextValue, HelpCenterProviderProps } from './types';
+export declare const HelpCenterContext: React.Context<HelpCenterContextValue | undefined>;
+export declare const HelpCenterProvider: React.FC<HelpCenterProviderProps>;

package/dist/src/components/custom/help_center/help_center_layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AppLayout: React.FC;
+export default AppLayout;

package/dist/src/components/custom/help_center/help_center_seedData.d.ts

@@ -0,0 +1,2 @@
+import { Category } from './types';
+export declare const categoriesInitialData: Category[];

package/dist/src/components/custom/help_center/help_center_sub-category.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SubCategoryListProps {
+    categoryId: string;
+    children: (subcategoryId: string) => React.ReactNode;
+}
+declare const SubCategoryList: React.FC<SubCategoryListProps>;
+export default SubCategoryList;

package/dist/src/components/custom/help_center/index.d.ts

@@ -0,0 +1 @@
+export { HelpCenter } from './help_center';

package/dist/src/components/custom/help_center/types.d.ts

@@ -0,0 +1,124 @@
+/// <reference types="react" />
+import { TElement } from '@udecode/plate';
+import { IStyledComponent } from 'styled-components';
+import { FastOmit } from 'styled-components/dist/types';
+export interface Category {
+    id: string;
+    name: string;
+    subcategories: Subcategory[];
+}
+export interface Subcategory {
+    id: string;
+    name: string;
+    categoryId: string;
+    articles: Article[];
+}
+export interface WithPermissionProps {
+    role: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    permission: string;
+}
+export declare const USER_ROLES: {
+    readonly ADMIN: "admin";
+    readonly EDITOR: "editor";
+    readonly VIEWER: "viewer";
+};
+export interface User {
+    id: string;
+    email: string;
+    role: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+}
+export interface Category {
+    id: string;
+    name: string;
+    subcategories: Subcategory[];
+}
+export declare enum DropdownOptions {
+    RENAME = "Rename",
+    CREATE_SUBCATEGORY = "Create Sub-Category",
+    DELETE_CATEGORY = "Remove the Category",
+    CREATE_ARTICLES = "Create Articles",
+    DELETE_SUBCATEGORY = "Remove"
+}
+export interface CustomModalProps {
+    title: string;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    initialValue?: string;
+    modalType: modalType;
+    submitButtonText?: string;
+    cancelButtonText?: string;
+    mainContent?: React.ReactNode;
+    headerContent?: React.ReactNode;
+    footerContent?: React.ReactNode;
+    onSubmit: (value: string) => void;
+    trigger: React.ReactNode;
+}
+export type modalType = 'create' | 'edit' | 'delete' | 'create-article-category' | 'edit-article' | 'edit-article-category' | 'delete-article-category' | 'edit-article-QA' | 'delete-article-QA' | 'articleQuestion';
+export interface Subcategory {
+    id: string;
+    name: string;
+    categoryId: string;
+    articles: Article[];
+}
+export interface ArticleCategory {
+    id: string;
+    title?: string;
+    articleId: string;
+    description?: string;
+    questions?: ArticleQuestion[];
+}
+export interface ArticleQuestion {
+    id: string;
+    articleCategoryId: string;
+    question?: string;
+    answer?: TElement[];
+}
+export interface Article {
+    id: string;
+    title: string;
+    content: ArticleCategory[];
+    categoryId: string;
+    subcategoryId: string;
+}
+export interface HelpCenterContextValue {
+    categories: Category[];
+    isLoading: boolean;
+    selectedArticle: Article | null;
+    isNewArticle: boolean;
+    selectedSubcategory: Subcategory | null;
+    error: string | null;
+    userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    breadcrumbTrail: string[];
+    setSelectedSubcategory: React.Dispatch<React.SetStateAction<Subcategory | null>>;
+    setSelectedArticle: React.Dispatch<React.SetStateAction<Article | null>>;
+    setIsNewArticle: React.Dispatch<React.SetStateAction<boolean>>;
+    setBreadcrumbTrail: React.Dispatch<React.SetStateAction<string[]>>;
+    addCategory: (name: string) => void;
+    updateCategory: (id: string, name: string) => void;
+    deleteCategory: (id: string) => void;
+    addSubcategory: (categoryId: string, name: string) => void;
+    addArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, newCategory: Omit<ArticleCategory, 'id'>) => void;
+    deleteArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, questionId: string) => void;
+    deleteArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string) => void;
+    updateArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, updatedCategoryName: string) => void;
+    addArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, newQuestion: Omit<ArticleQuestion, 'id'>) => void;
+    updateArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, articleQuestionId: string, updatedQuestion: Omit<ArticleQuestion, 'id'>) => void;
+    updateSubcategory: (categoryId: string, subcategoryId: string, name: string) => void;
+    deleteSubcategory: (categoryId: string, subcategoryId: string) => void;
+    addArticle: (categoryId: string, subcategoryId: string, title: string, content: ArticleCategory[]) => string;
+    updateArticle: (categoryId: string, subcategoryId: string, articleId: string, title: string, content: ArticleCategory[]) => void;
+    deleteArticle: (categoryId: string, subcategoryId: string, articleId: string) => void;
+}
+export interface HelpCenterProviderProps extends HelpCenterProps {
+    children: React.ReactNode;
+}
+export interface HelpCenterProps {
+    initialData: {
+        categories: Category[];
+        userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    };
+    onDataChange?: (data: {
+        categories: Category[];
+    }) => void;
+}
+export type StyledType = IStyledComponent<'web', FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/src/components/editor/context.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
-export type TCustomFilter = 'MEETING_ANSWERS' | 'MY_ANSWERS' | 'ALL_ANSWERS';
 export interface CommentLoaderProps {
     questionAnswerId: string;
-    filterType: TCustomFilter;
+    filterType: string;
+    resetFilter: () => void;
+    waitToLoad: boolean;
 }
 export interface CommentInputProps {
     onComment: () => void;
     questionAnswerId: string;
 }
 export interface FilterComponentProps {
-    filter: TCustomFilter;
+    filter: string;
     onFilterChange: (event: React.MouseEvent) => void;
     questionAnswerId: string;
 }
@@ -22,4 +23,5 @@ export declare const EditorContext: React.Context<{
         courseMediaId: number;
     }) => React.ReactElement;
     filterComponent?: React.ComponentType<FilterComponentProps> | undefined;
+    defaultFilter: string;
 }>;

package/dist/src/components/editor/editor.d.ts

@@ -9,10 +9,11 @@ export interface EditorProps {
     imageSrcLoader: (id: number) => Promise<string>;
     onChange: (newNodes: TElement[]) => void;
     previousContent?: TElement[];
+    defaultFilter: string;
     videoTitleLoader: (props: {
         courseMediaId: number;
     }) => React.ReactElement;
     filterComponent?: React.ComponentType<FilterComponentProps>;
 }
 export type EditorContent = TElement;
-export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, videoTitleLoader, filterComponent, }: EditorProps) => React.JSX.Element;
+export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, }: EditorProps) => React.JSX.Element;

package/dist/src/components/media/audio-player/progress-bar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface AudioProgressBarProps {
+    /**
+     * @param duration the total duration of the audio media in seconds
+     * */
+    duration: number;
+    /**
+     * @param progress the amount of the audio media listened to
+     * */
+    progress: number;
+    onSeek: (percent: number) => void;
+}
+export declare const AudioProgressBar: ({ duration, progress, onSeek, }: AudioProgressBarProps) => React.JSX.Element;
+export {};

package/dist/src/components/surfaces/comment/comment.d.ts

@@ -20,5 +20,6 @@ export interface CommentProps {
     userName: string;
     userReactions?: string[];
     userProfileUri: string;
+    sx?: string;
 }
-export declare const Comment: ({ avatarTooltipContent, avatarTooltipSx, content, createdDate, hasMoreReplies, id, onComment, onReact, onShowReplies, dropdown, reactionModal, reactions, replies, userImageUri, userName, userReactions, visibilityIcon, customPlaceHolder, userProfileUri, }: CommentProps) => React.JSX.Element;
+export declare const Comment: ({ avatarTooltipContent, avatarTooltipSx, content, createdDate, hasMoreReplies, id, onComment, onReact, onShowReplies, dropdown, reactionModal, reactions, replies, userImageUri, userName, userReactions, visibilityIcon, customPlaceHolder, userProfileUri, sx, }: CommentProps) => React.JSX.Element;