@soul-refiner/design-system 2.11.9 → 2.11.11-alpha.0

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

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),Picker=require("@emoji-mart/react"),emojis=require("../../../emoji/emojis.json.js"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),paragraph=require("../../atoms/typography/paragraph.js"),button=require("../../actions/button/button.js"),portal=require("../portal/portal.js"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),responsive_text_area=require("../../input/responsive-text_area/responsive_text_area.js"),send_text=require("../../../icons/email/send_text.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled),Link__default=_interopDefaultCompat(Link),Picker__default=_interopDefaultCompat(Picker);const MAX_REACTIONS_SHOWN=5,Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:o,onComment:n,onReact:i,onShowReplies:d,onEdit:u,isEditing:c,setIsEditing:p,dropdown:s,reactionModal:f,reactions:_,replies:m,userImageUri:x,userName:g,userReactions:R,visibilityIcon:h,customPlaceHolder:y,userProfileUri:b,sx:v})=>{const[$,E]=React__default.default.useState(!1),[k,C]=React__default.default.useState({x:0,y:0}),[I,A]=React__default.default.useState("up"),[D,O]=React__default.default.useState(!1),[w,T]=React__default.default.useState(!1),[j,S]=React__default.default.useState(""),[q,P]=React__default.default.useState(a),W=React__default.default.useRef(null),B=React__default.default.Children.toArray(m);React__default.default.useEffect(()=>{c&&W.current&&W.current.focus()},[c]);var m=e=>{e.stopPropagation(),E(e=>!e),C({y:e.clientY,x:e.clientX}),A(400<e.clientY?"up":"down")},z=()=>{d&&d(),T(!0)},r=helpers.abbrTimeBeforeDate(r),_=_&&Object.entries(_).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:()=>i(e[0]),$align:"center",$dir:"row",$gap:5,$userSelected:R?.includes(e[0])},e[0],React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:10,$lineHeight:14},e[1]))),L=!!B?.length&&0<B.length,H=L&&B.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==B.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:v,id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:b,image:x,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},c?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{P(e.target.value)},value:q,ref:W}):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,{as:b?Link__default.default:"span",href:b,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},g),s),React__default.default.createElement(paragraph.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;"},React__default.default.createElement(highlighter.Highlighter,{highlightRender:e=>React__default.default.createElement(paragraph.P,{as:"span",$color:"primary-blue-2"},React__default.default.createElement(Link__default.default,{href:e,target:"_blank"},e)),seperator:regex.URL_REGEX,text:a}))),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},c?React__default.default.createElement(box.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0; margin-right: auto;"}),React__default.default.createElement(button.Button,{onClick:()=>{p&&p(!c),P(a)},sx:"background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2); margin-left: auto;\n                  &:hover, &:focus {\n                  border: none;\n                  outline: none;\n                  }\n                  ",size:"small",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{u&&u(q,o),p&&p(!1)},size:"small",type:"primary"},"Save")):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(comment.Comment,{color:"primary-blue-2",onClick:()=>O(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;"},_,f)),$&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:I,$top:k.y,$left:k.x},React__default.default.createElement(Picker__default.default,{data:emojis.default,onEmojiSelect:({native:e})=>{i(e),E(!1)},onClickOutside:()=>E(!1),maxFrequentRows:1,navPosition:"none",previewPosition:"none",perLine:9,theme:"auto"}))))),L&&w&&React__default.default.createElement(RepliesWrapper,null,H),!w&&!l&&L&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:z,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:z,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),D&&React__default.default.createElement(CommentWrapper,null,React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:j,onChange:e=>{S(e.target.value)},placeholder:y||"Write a reply",maxCharacters:1e3,wrapperStyles:"margin: 16px 0; width: 100%;",actionComponent:React__default.default.createElement(box.Box,{sx:"margin: auto 0 5px 0px;",$align:"center",$justify:"center",$gap:8},h,React__default.default.createElement(button.Button,{disabled:!j.length,icon:React__default.default.createElement(send_text.SendText,null),onClick:e=>{e.stopPropagation(),e.preventDefault(),n(j),S("")},sx:`
+"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),Picker=require("@emoji-mart/react"),emojis=require("../../../emoji/emojis.json.js"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),paragraph=require("../../atoms/typography/paragraph.js"),button=require("../../actions/button/button.js"),portal=require("../portal/portal.js"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),responsive_text_area=require("../../input/responsive-text_area/responsive_text_area.js"),send_text=require("../../../icons/email/send_text.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled),Link__default=_interopDefaultCompat(Link),Picker__default=_interopDefaultCompat(Picker);const MAX_REACTIONS_SHOWN=5,Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:o,onComment:n,onReact:i,onShowReplies:d,onEdit:u,isEditing:c,setIsEditing:p,dropdown:s,reactionModal:f,reactions:_,replies:m,userImageUri:x,userName:g,userReactions:R,visibilityIcon:h,customPlaceHolder:y,userProfileUri:b,sx:v})=>{const[$,E]=React__default.default.useState(!1),[k,C]=React__default.default.useState({x:0,y:0}),[I,A]=React__default.default.useState("up"),[D,O]=React__default.default.useState(!1),[w,T]=React__default.default.useState(!1),[j,S]=React__default.default.useState(""),[q,P]=React__default.default.useState(a),W=React__default.default.useRef(null),B=React__default.default.Children.toArray(m);React__default.default.useEffect(()=>{c&&W.current&&W.current.focus()},[c]);var m=e=>{e.stopPropagation(),E(e=>!e),C({y:e.clientY,x:e.clientX}),A(400<e.clientY?"up":"down")},z=()=>{d&&d(),T(!0)},r=helpers.abbrTimeBeforeDate(r),_=_&&Object.entries(_).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:()=>i(e[0]),$align:"center",$dir:"row",$gap:5,$userSelected:R?.includes(e[0])},e[0],React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:10,$lineHeight:14},e[1]))),L=!!B?.length&&0<B.length,H=L&&B.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==B.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:v,id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:b,image:x,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},c?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{P(e.target.value)},value:q,ref:W}):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,{as:b?Link__default.default:"span",href:b,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},g),s),React__default.default.createElement(paragraph.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;"},React__default.default.createElement(highlighter.Highlighter,{highlightRender:e=>React__default.default.createElement(paragraph.P,{as:"span",$color:"primary-blue-2"},React__default.default.createElement(Link__default.default,{href:e,target:"_blank"},e)),seperator:regex.URL_REGEX,text:a}))),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},c?React__default.default.createElement(box.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0; margin-right: auto;"}),React__default.default.createElement(button.Button,{onClick:()=>{p&&p(!c),P(a)},sx:"background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2); margin-left: auto;\r\n                  &:hover, &:focus {\r\n                  border: none;\r\n                  outline: none;\r\n                  }\r\n                  ",size:"small",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{u&&u(q,o),p&&p(!1)},size:"small",type:"primary"},"Save")):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(comment.Comment,{color:"primary-blue-2",onClick:()=>O(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;"},_,f)),$&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:I,$top:k.y,$left:k.x},React__default.default.createElement(Picker__default.default,{data:emojis.default,onEmojiSelect:({native:e})=>{i(e),E(!1)},onClickOutside:()=>E(!1),maxFrequentRows:1,navPosition:"none",previewPosition:"none",perLine:9,theme:"auto"}))))),L&&w&&React__default.default.createElement(RepliesWrapper,null,H),!w&&!l&&L&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:z,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:z,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),D&&React__default.default.createElement(CommentWrapper,null,React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:j,onChange:e=>{S(e.target.value)},placeholder:y||"Write a reply",maxCharacters:1e3,wrapperStyles:"margin: 16px 0; width: 100%;",actionComponent:React__default.default.createElement(box.Box,{sx:"margin: auto 0 5px 0px;",$align:"center",$justify:"center",$gap:8},h,React__default.default.createElement(button.Button,{disabled:!j.length,icon:React__default.default.createElement(send_text.SendText,null),onClick:e=>{e.stopPropagation(),e.preventDefault(),n(j),S("")},sx:`
                   justify-content: center; 
                   background-color: var(--color-primary-blue-2);
                   align-items: center;  

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/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/media/common.d.ts

@@ -24,3 +24,8 @@ export interface Trailer {
     subtitles: Subtitle[];
     thumbnail: string;
 }
+export interface AdditionalMedia {
+    id: number;
+    thumbnail: string;
+    name: string;
+}

package/dist/src/components/media/video-player/misc.d.ts

@@ -1,15 +1,21 @@
 import React from 'react';
-import { Trailer } from '../common';
+import { AdditionalMedia, Trailer } from '../common';
 type TrailerListItemProps = {
     trailer: Trailer;
     title: string;
     handleSetPlayingTrailer: React.Dispatch<React.SetStateAction<boolean>>;
 };
+type AdditionalListItemProps = {
+    additionalMedia: AdditionalMedia;
+    title: string;
+    handleSetPlayingTrailer: React.Dispatch<React.SetStateAction<boolean>>;
+};
 type ButtonViewAllProps = {
     showingAll: boolean;
     orientation?: 'horizontal' | 'vertical';
     toggleShowingAll: React.MouseEventHandler<HTMLButtonElement>;
 };
 export declare const TrailerListItem: ({ trailer, title, handleSetPlayingTrailer, }: TrailerListItemProps) => React.JSX.Element;
+export declare const LeaderListItem: ({ additionalMedia, title, handleSetPlayingTrailer, }: AdditionalListItemProps) => React.JSX.Element;
 export declare const ButtonViewAll: ({ showingAll, orientation, toggleShowingAll, }: ButtonViewAllProps) => React.JSX.Element;
 export {};

package/dist/src/components/media/video-player/video.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MediaItem, Trailer } from '../common';
+import { AdditionalMedia, MediaItem, Trailer } from '../common';
 export interface VideoPlayerProps {
     /**
      * @param activeIndex the media item frm the playlist currently playing
@@ -56,6 +56,10 @@ export interface VideoPlayerProps {
      * @param trailer if in
      */
     trailer?: Trailer;
+    /**
+     * @param AdditionalMedia if in
+     */
+    additionalMedia: AdditionalMedia[];
     /**
      * @param volume the volume of the player
      * @default 1 (100%)
@@ -71,4 +75,4 @@ export interface VideoPlayerProps {
  * ReactPlayer props reference -> https://www.npmjs.com/package/react-player#props
  * HLS Option props reference -> https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning
  */
-export declare const VideoPlayer: ({ activeIndex, pip, playable, playlist, onClickPreview, onPipChange, onProgress, onStart, orientation, setMediaItem, onShowAllPlaylist, forwardedRef, subtitle, title, trailer, }: VideoPlayerProps) => React.JSX.Element | null;
+export declare const VideoPlayer: ({ activeIndex, pip, playable, playlist, onClickPreview, onPipChange, onProgress, onStart, orientation, setMediaItem, onShowAllPlaylist, forwardedRef, subtitle, title, trailer, additionalMedia, }: VideoPlayerProps) => React.JSX.Element | null;

package/dist/src/components/navigation/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type TabColors = 'blue' | 'grey' | 'green' | 'mint' | 'orange' | 'ocean' | 'pink' | 'purple' | 'red' | 'yellow' | 'dark';
+export type TabColors = 'blue' | 'grey' | 'green' | 'mint' | 'orange' | 'ocean' | 'pink' | 'purple' | 'red' | 'yellow' | 'dark';
 type TabSizes = 'small' | 'medium' | 'large';
 export interface TabProps {
     activeIndex: number;

package/dist/src/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T extends (...args: any[]) => void>(callback: T, delay: number) => T;