@soul-refiner/design-system 2.8.20 → 2.8.21-alpha.2

package/dist/components/actions/upload/upload.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js"),box=require("../../atoms/box/box.js"),button=require("../button/button.js"),upload_audio=require("../../../icons/special/upload_audio.js"),upload_file=require("../../../icons/special/upload_file.js"),upload_image=require("../../../icons/special/upload_image.js"),upload_video=require("../../../icons/special/upload_video.js"),paperclip=require("../../../icons/basic/paperclip.js"),modal=require("../../surfaces/modal/modal.js"),heading=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),validations=(require("../../atoms/typography/typography.js"),require("./validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Upload=({background:e="hue-blue-3",borderColor:t="hue-blue-2",children:a,iconColor:l="primary-blue-2",multiple:r,onDrop:i,size:o="large",subtext:d,text:u,type:n,showOnlyUploadButton:c=!1,height:s,width:p,validation:f,validationMessage:_})=>{const m=React__default.default.useRef(null),[g,h]=React__default.default.useState(!1),[x,$]=React__default.default.useState([]);l={color:l,size:validations.heightLookup[n].icon[o]},l={audio:React__default.default.createElement(upload_audio.UploadAudio,{...l}),file:React__default.default.createElement(upload_file.UploadFile,{...l}),image:React__default.default.createElement(upload_image.UploadImage,{...l}),video:React__default.default.createElement(upload_video.UploadVideo,{...l})};const y=(e,t)=>{0===e.length&&i?i(t):$(e)},R=()=>{m.current&&(m.current.value="")};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<x.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>$([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},_)))),React__default.default.createElement(Wrapper,{$background:e,$borderColor:t,$draggingOver:g,$height:s||validations.heightLookup[n].height[o],$width:p??0,$size:o,onDragOver:e=>{e.preventDefault(),h(!0)},onDragLeave:e=>{e.preventDefault(),h(!1)},onDrop:async e=>{$([]),e.preventDefault(),h(!1);var t,e=e.dataTransfer.files,a=new DataTransfer,l=[];for(const r of Array.from(e))!f||0===(t=await validations.validateFile(r,f)).length?a.items.add(r):l.push(...t);e=m.current;null!==e&&(e.files=a.files,0<l.length?y(l,e.files):y([],e.files))}},React__default.default.createElement(box.Box,{$align:"center",$borderRadius:"medium",$dir:"column",$display:"flex",$gap:16,$justify:"center",sx:"height: 100%; width: 100%; svg { flex-shrink: 0; };"},c?React__default.default.createElement(button.Button,{icon:React__default.default.createElement(paperclip.Paperclip,null),onClick:()=>m.current?.click(),size:"small",type:"secondary"},u):React__default.default.createElement(React__default.default.Fragment,null,l[n],"small"!==o&&React__default.default.createElement(box.Box,{$align:"center",$dir:"column",$display:"flex",$gap:8,$justify:"center",sx:"width: 100%;"},React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},u,React__default.default.createElement(button.Button,{onClick:()=>m.current?.click(),size:"small",sx:"display: inline;",type:"text"},"Browse")),React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},d))),React__default.default.createElement(Input,{"data-testid":"dropzone-upload-input",ref:m,type:"file",multiple:r,accept:validations.fileTypeLookup[n],name:"Files",onChange:async()=>{$([]);var e=m.current;if(e?.files?.length){var t=[];for(const l of e.files)if(f){var a=await validations.validateFile(l,f);if(0<a.length){t.push(...a);break}}y(t,e.files)}}}))),React__default.default.Children.map(a,e=>React__default.default.isValidElement(e)?React__default.default.cloneElement(e,{handleUpload:()=>m.current?.click(),removeFileFromState:R}):e))},Wrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js"),box=require("../../atoms/box/box.js"),button=require("../button/button.js"),upload_audio=require("../../../icons/special/upload_audio.js"),upload_file=require("../../../icons/special/upload_file.js"),upload_image=require("../../../icons/special/upload_image.js"),upload_video=require("../../../icons/special/upload_video.js"),paperclip=require("../../../icons/basic/paperclip.js"),modal=require("../../surfaces/modal/modal.js"),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),validations=(require("../../atoms/typography/typography.js"),require("./validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Upload=({background:e="hue-blue-3",borderColor:t="hue-blue-2",children:a,iconColor:l="primary-blue-2",multiple:r,onDrop:i,size:o="large",subtext:d,text:u,type:n,showOnlyUploadButton:c=!1,height:s,width:p,validation:f,validationMessage:_})=>{const m=React__default.default.useRef(null),[g,h]=React__default.default.useState(!1),[x,$]=React__default.default.useState([]);l={color:l,size:validations.heightLookup[n].icon[o]},l={audio:React__default.default.createElement(upload_audio.UploadAudio,{...l}),file:React__default.default.createElement(upload_file.UploadFile,{...l}),image:React__default.default.createElement(upload_image.UploadImage,{...l}),video:React__default.default.createElement(upload_video.UploadVideo,{...l})};const y=(e,t)=>{0===e.length&&i?i(t):$(e)},R=()=>{m.current&&(m.current.value="")};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<x.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>$([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},_)))),React__default.default.createElement(Wrapper,{$background:e,$borderColor:t,$draggingOver:g,$height:s||validations.heightLookup[n].height[o],$width:p??0,$size:o,onDragOver:e=>{e.preventDefault(),h(!0)},onDragLeave:e=>{e.preventDefault(),h(!1)},onDrop:async e=>{$([]),e.preventDefault(),h(!1);var t,e=e.dataTransfer.files,a=new DataTransfer,l=[];for(const r of Array.from(e))!f||0===(t=await validations.validateFile(r,f)).length?a.items.add(r):l.push(...t);e=m.current;null!==e&&(e.files=a.files,0<l.length?y(l,e.files):y([],e.files))}},React__default.default.createElement(box.Box,{$align:"center",$borderRadius:"medium",$dir:"column",$display:"flex",$gap:16,$justify:"center",sx:"height: 100%; width: 100%; svg { flex-shrink: 0; };"},c?React__default.default.createElement(button.Button,{icon:React__default.default.createElement(paperclip.Paperclip,null),onClick:()=>m.current?.click(),size:"small",type:"secondary"},u):React__default.default.createElement(React__default.default.Fragment,null,l[n],"small"!==o&&React__default.default.createElement(box.Box,{$align:"center",$dir:"column",$display:"flex",$gap:8,$justify:"center",sx:"width: 100%;"},React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},u,React__default.default.createElement(button.Button,{onClick:()=>m.current?.click(),size:"small",sx:"display: inline;",type:"text"},"Browse")),React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},d))),React__default.default.createElement(Input,{"data-testid":"dropzone-upload-input",ref:m,type:"file",multiple:r,accept:validations.fileTypeLookup[n],name:"Files",onChange:async()=>{$([]);var e=m.current;if(e?.files?.length){var t=[];for(const l of e.files)if(f){var a=await validations.validateFile(l,f);if(0<a.length){t.push(...a);break}}y(t,e.files)}}}))),React__default.default.Children.map(a,e=>React__default.default.isValidElement(e)?React__default.default.cloneElement(e,{handleUpload:()=>m.current?.click(),removeFileFromState:R}):e))},Wrapper=styled.styled.div`
   box-sizing: border-box;
   width: ${({$size:e,$width:t})=>t?t+"px":"large"===e?"100%":"fit-content"===e?"fit-content":"134px"};
   height: ${({$height:e})=>e}px;

package/dist/components/custom/help_center/help_center-auth.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var types=require("./types.js");const auth={isAuthenticated:()=>!0,getUser:()=>({id:"1",email:"user@example.com",role:types.USER_ROLES.ADMIN}),hasPermission:(e,t)=>{return{[types.USER_ROLES.ADMIN]:["create","read","update","delete"],[types.USER_ROLES.EDITOR]:["create","read","update"],[types.USER_ROLES.VIEWER]:["read"]}[e]?.includes(t)}};exports.default=auth;

package/dist/components/custom/help_center/help_center-customModal.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),button=require("../../actions/button/button.js"),box=(require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),text_input=(require("../../atoms/typography/paragraph.js"),require("../../atoms/typography/typography.js"),require("../../card/action/action.js"),require("../../card/audio/audio.js"),require("../../card/feature/feature.js"),require("../../card/person/person.js"),require("../../card/price/price.js"),require("../../card/regular/regular.js"),require("../../card/video/video.js"),require("../../card/written/written.js"),require("../../card/meeting/meeting.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js"),require("../../feedback/badge/badge.js"),require("../../feedback/banner/banner.js"),require("../../feedback/loader/loader.js"),require("../../feedback/notification/notification.js"),require("../../feedback/progress/progress.js"),require("../../feedback/toast/toast.js"),require("react-tooltip"),require("../../feedback/animated_toast/animated_toast.js"),require("../../iconography/avatar/avatar.js"),require("../../iconography/icon/icon.js"),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")),modal=(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("../../media/audio-player/audio-player.js"),require("../../media/audio-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js")),pencil=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../users_selection/users_selection.js"),require("../courses_selection/courses_selection.js"),require("./help_center_dataStore.js"),require("./help_center_layout.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/pencil.js")),plus=require("../../../icons/basic/plus.js"),trash_slash=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash_slash.js")),styled=(require("../../../common/colors.js"),require("styled-components"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const CustomModal=({title:e,isOpen:r,setIsOpen:t,mainContent:a,initialValue:i,modalType:u,submitButtonText:s="Submit",cancelButtonText:o="Cancel",headerContent:l,footerContent:c,onSubmit:n,trigger:d})=>{const[p,f]=React.useState(i||""),_=(React__default.default.useEffect(()=>{f(i)},[i]),()=>{n(p),f(""),t(!1)});const{headerColor:m,buttonColor:q}="delete"!==u?{headerColor:"hue-blue-1",buttonColor:"primary"}:{headerColor:"red-1",buttonColor:"danger"};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{onClick:()=>t(!0)},d),React__default.default.createElement(modal.Modal,{controlledOpen:r,onChange:e=>t(e??!1)},React__default.default.createElement(modal.Modal.Content,{setClosed:()=>t(!1),header:l?React__default.default.createElement(React__default.default.Fragment,null,l):React__default.default.createElement(box.Box,{$gap:10,$align:"center"},React__default.default.createElement(IconWrapper,{$color:m},(()=>{switch(u){case"edit":return React__default.default.createElement(IconWrapper,{$color:"var(--color-hue-blue-2)"},React__default.default.createElement(pencil.Pencil,null));case"delete":return React__default.default.createElement(trash_slash.TrashSlash,{color:"red-1"});default:return React__default.default.createElement(IconWrapper,{$color:"var(--color-hue-blue-2)"},React__default.default.createElement(plus.Plus,{color:"hue-blue-1",size:24}))}})()),React__default.default.createElement(heading.H,{as:"span",$bold:!0,$fontSize:20,$lineHeight:28,$color:m},e)),footer:c?React__default.default.createElement(React__default.default.Fragment,null,c):React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(modal.Modal.Dismiss,null,React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"outlined"},o)),React__default.default.createElement(button.Button,{type:q,onClick:_,fluid:!0,size:"small"},s))},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"min-width: 500px;"},u.startsWith("delete")?null:React__default.default.createElement(text_input.TextInput,{type:"text",value:p,onChange:e=>f(e.target.value)}),a))))},IconWrapper=styled__default.default.div`
+  padding: 12px;
+  border-radius: 8px;
+  background-color: ${({$color:e})=>e};
+  width: fit-content;
+  flex: unset !important;
+`;exports.default=CustomModal;

package/dist/components/custom/help_center/help_center-defaultArticle.js

@@ -0,0 +1,60 @@
+"use strict";var React=require("react"),help_center_dataStore=require("./help_center_dataStore.js"),styled=require("styled-components"),pencil=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/pencil.js")),plus=require("../../../icons/basic/plus.js"),search=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/search.js")),help_centerCustomModal=(require("../../../icons/basic/subtask.js"),require("../../../common/colors.js"),require("./help_center-customModal.js")),box=require("../../atoms/box/box.js"),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),help_centerAuth=(require("../../atoms/typography/typography.js"),require("./help_center-auth.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const HowCanWeHelpPage=()=>{const[e,t]=React__default.default.useState("");return React__default.default.createElement(box.Box,{sx:"flex-direction: column; gap:64px",$margin:"medium"},React__default.default.createElement("div",null,React__default.default.createElement(heading.H,{$fontSize:32,$bold:!0},"How can we help you?"),React__default.default.createElement(TextWrapper,null,React__default.default.createElement(search.Search,null),React__default.default.createElement(TextInput,{value:e,onChange:e=>t(e.target.value),placeholder:"Search help articles..."}))),React__default.default.createElement("div",null,React__default.default.createElement(heading.H,{$fontSize:24,$bold:!0,sx:"margin-bottom: 16px;"},"Popular Topics"),React__default.default.createElement(SimpleIllustration,{length:6})))},DefaultArticlePage=({handleCreateCategory:e})=>{const{userRole:t,selectedArticle:o,updateArticle:n}=React.useContext(help_center_dataStore.HelpCenterContext);var a=help_centerAuth.default.hasPermission(t,"create");const[l,r]=React__default.default.useState(!1),[u,i]=React__default.default.useState({type:null,data:null}),[c,d]=React__default.default.useState(!1),s=e=>{var t,a,l,r;o&&({categoryId:t,subcategoryId:a,id:l,content:r}=o,n(t,a,l,e,r),d(!1))};return React__default.default.createElement(ContentContainer,null,React__default.default.createElement(ContentWrapper,null,React__default.default.createElement(box.Box,{sx:"display:flex; align-items:center; justify-content:space-between; width:100%;"},React__default.default.createElement(heading.H,{$bold:!0,sx:"margin-right: auto;",$fontSize:32},o?.title),a?React__default.default.createElement(pencil.Pencil,{onClick:()=>{d(!0),i({type:"edit-article",data:{articleId:o?.id,name:o?.title,categoryId:o?.categoryId,subcategoryId:o?.subcategoryId}})},sx:"\n          border-radius:500px;\n          padding: .1rem;\n          &:hover {\n          border: 1px solid var(--color-primary-blue-3);\n          background: white;\n         }"}):null),a?React__default.default.createElement("div",{style:{marginTop:"1rem"}},React__default.default.createElement(help_centerCustomModal.default,{isOpen:l,setIsOpen:r,title:"Add an Article Category",modalType:"create-article-category",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:e,trigger:React__default.default.createElement(CategorycreateBtn,{onClick:()=>r(!1)},React__default.default.createElement(plus.Plus,null),React__default.default.createElement("div",null,"Create Categories"))})):null,(a=u.data?.name,"edit-article"!==u.type?null:React__default.default.createElement(help_centerCustomModal.default,{isOpen:c,setIsOpen:d,title:"Edit Article",initialValue:a||"",mainContent:React__default.default.createElement(React__default.default.Fragment,null),modalType:"edit-article",submitButtonText:"Save",cancelButtonText:"Cancel",onSubmit:s,trigger:React__default.default.createElement(React__default.default.Fragment,null)}))))},DefaultSubcategoryPage=({})=>React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"}},React__default.default.createElement(heading.H,{$fontSize:28,$bold:!0},"Subcategory"),React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,null,"Category description"),"Lorem ipsum dolor sit amet consectetur. Massa montes scelerisque odio faucibus eget tortor sit. At mattis felis enim imperdiet risus diam vitae duis sapien. Dui egestas ornare proin at sem pellentesque tempus egestas faucibus. Nisl in donec integer mattis mauris et."),React__default.default.createElement(heading.H,{$bold:!0,$fontSize:16},"Popular Articles"),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,{$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles")),React__default.default.createElement(heading.H,{$bold:!0},"Related Topic"),React__default.default.createElement(SimpleIllustration,{length:3})),SimpleIllustration=({length:e})=>React__default.default.createElement(box.Box,{sx:"display:grid; \n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15em), 1fr));\n   gap:16px"},Array.from({length:e}).map((e,t)=>React__default.default.createElement(box.Box,{sx:"flex-direction:column",key:t,$gap:"small",$backgroundColor:"white",$padding:"medium-large",$borderRadius:"medium"},React__default.default.createElement(box.Box,{sx:"width: 100%; height: 120px; display:flex;",$backgroundColor:"grey-8"},React__default.default.createElement(paragraph.P,{$fontSize:16,$bold:!0,sx:"margin: auto",$color:"grey-0"},"Image/Illustration")),React__default.default.createElement("div",null,React__default.default.createElement(heading.H,{$semiBold:!0,$fontSize:16,sx:"margin: 2px 0"},"Popular Topics"),React__default.default.createElement(paragraph.P,null,"Topic description. Make it 2 lines long, long, long"))))),CategorycreateBtn=styled__default.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 16px;
+  border-radius: 5px;
+  padding: 0.2rem 0 0.2rem 0.8rem;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  div {
+    color: var(--color-grey-6);
+  }
+  svg {
+    fill: var(--color-grey-6);
+  }
+  &:hover {
+    background: white;
+    div {
+      color: var(--color-grey-5);
+    }
+    svg {
+      fill: var(--color-grey-5);
+    }
+  }
+`,ContentContainer=styled__default.default.div`
+  width: 100%;
+`,ContentWrapper=styled__default.default.div``,TextWrapper=(styled__default.default.div`
+  padding: 0.5rem;
+  margin-top: 48px;
+  width: 100%;
+  border-radius: 4px;
+  border: 1px dashed var(--color-grey-8);
+`,styled__default.default.div`
+  padding: 10px 13px;
+  border-radius: 160px;
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+  background: white;
+  box-shadow: var(--elevation-4);
+
+  &:hover {
+    border-color: var(--color-grey-7);
+    box-shadow: var(--elevation-3);
+  }
+`),TextInput=styled__default.default.input`
+  resize: none;
+  width: 100%;
+  cursor: pointer;
+  box-sizing: border-box;
+  border: none;
+  &::placeholder {
+    color: var(--color-grey-6);
+  }
+  outline: none;
+  font-family: var(--font-inter);
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--color-grey-3);
+`;exports.DefaultArticlePage=DefaultArticlePage,exports.DefaultSubcategoryPage=DefaultSubcategoryPage,exports.HowCanWeHelpPage=HowCanWeHelpPage;

package/dist/components/custom/help_center/help_center-editable-content.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),help_center_dataStore=require("./help_center_dataStore.js"),help_centerCustomModal=require("./help_center-customModal.js"),styled=require("styled-components"),pencil=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/pencil.js")),trash_slash=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash_slash.js")),box=(require("../../../common/colors.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),accordion=(require("../../atoms/typography/typography.js"),require("../../surfaces/accordion/accordion.js")),simple_editor=(require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js")),help_centerAuth=require("./help_center-auth.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const editorEmptyContent=[{type:"p",children:[{text:""}]}],ArticleCategoryWithQA=({articleCategory:t})=>{const[a,r]=React__default.default.useState(!1),[l,n]=React.useState({type:null,data:null}),{userRole:e,updateArticleCategory:d,selectedArticle:c,updateArticleQuestion:u,deleteArticleCategory:i,deleteArticleQuestion:o}=React.useContext(help_center_dataStore.HelpCenterContext);(c?.content?.find(e=>e.id===t.id)).questions;const[s,p]=React.useState(editorEmptyContent),f=(React__default.default.useEffect(()=>{},[l.data?.question]),help_centerAuth.default.hasPermission(e,"create"));const m=e=>{d(l.data?.categoryId,l.data?.subcategoryId,t.articleId,t.id,e),r(!1)};return React__default.default.createElement("div",{key:t?.id},React__default.default.createElement(CategoryItem,{style:{marginBottom:"48px"},onClick:()=>{}},React__default.default.createElement(heading.H,{$fontSize:24,sx:"margin-right: auto; ",$bold:!0},t.title),f?React__default.default.createElement("div",{style:{display:"flex",marginLeft:"auto",justifyContent:"center",alignItems:"center",gap:".3rem"}},React__default.default.createElement(pencil.Pencil,{onClick:()=>{r(!0),n({type:"edit-article-category",data:{categoryId:c?.categoryId,name:t.title,subcategoryId:c?.subcategoryId}})},sx:IconWrapper})," ",React__default.default.createElement(trash_slash.TrashSlash,{onClick:e=>{e.stopPropagation(),r(!0),n({type:"delete-article-category",data:{categoryId:c?.categoryId,name:t.title,subcategoryId:c?.subcategoryId}})},sx:IconWrapper})):null),React__default.default.createElement("p",null,t.description),t?.questions?.map((t,e)=>React__default.default.createElement("div",{key:t.articleCategoryId},React__default.default.createElement(accordion.Accordion,{sx:"gap: 16px; display: flex; flex-flow: column nowrap;"},React__default.default.createElement(accordion.Accordion.Item,{index:e,buttonSx:`
+              border-radius: 5px;
+              gap: 16px;
+              padding: 2px;
+              justify-content: flex-end;
+              svg { flex-shrink: 0; }
+              &:hover {
+                background: var(--color-grey-9);
+              }
+              `,key:"category-"+t.articleCategoryId,sx:"flex-direction: column;",trigger:React__default.default.createElement(CategoryItem,null,React__default.default.createElement(paragraph.P,{$mediumBold:!0,sx:"margin-right: auto;"},t.question),f?React__default.default.createElement("div",{style:{display:"flex",marginLeft:"auto",justifyContent:"center",alignItems:"center",gap:".3rem"}},React__default.default.createElement(pencil.Pencil,{onClick:e=>{e.stopPropagation(),r(!0),n({type:"edit-article-QA",data:{categoryId:c?.categoryId,name:t.question,subcategoryId:c?.subcategoryId,questionId:t.id,question:t.question,answer:t.answer}})},sx:IconWrapper})," ",React__default.default.createElement(trash_slash.TrashSlash,{onClick:e=>{e.stopPropagation(),r(!0),n({type:"delete-article-QA",data:{categoryId:c?.categoryId,name:t.question,subcategoryId:c?.subcategoryId,questionId:t.id,question:t.question,answer:t.answer}})},sx:IconWrapper})):null)},React__default.default.createElement(paragraph.P,{sx:"padding: 1rem; margin-right: auto;"},t?.answer?.map((e,t)=>React__default.default.createElement(React__default.default.Fragment,{key:t},e.children.map((e,t)=>React__default.default.createElement(React__default.default.Fragment,{key:t},e.text))))))))),(()=>{const e=l.data;switch(l.type){case"edit-article-category":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:a,setIsOpen:r,title:"Edit Article",initialValue:e?.name,mainContent:React__default.default.createElement(React__default.default.Fragment,null),modalType:"create",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:m,trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"edit-article-QA":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:a,setIsOpen:r,title:"Edit Article Question",mainContent:React__default.default.createElement(box.Box,{sx:"\n              width: 100%;\n              overflow: hidden;\n              "},React__default.default.createElement(simple_editor.SimpleEditor,{communityName:"Community",handleUploadImage:()=>Promise.resolve("fdkjfdkfjdkfj"),editable:!0,onChange:e=>p(e),previousContent:e?.answer})),initialValue:e?.name,modalType:"edit",submitButtonText:"Save",cancelButtonText:"Cancel",onSubmit:e=>{return e=e,c&&u(c.categoryId,c?.subcategoryId,c?.id,t.id,l.data?.questionId,{answer:s,articleCategoryId:t.id,question:e}),void r(!1)},trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"delete-article-category":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:a,setIsOpen:r,title:"Delete "+(l?.data?.subcategoryId?"Subcategory":"Category"),modalType:"delete",mainContent:React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,{$fontSize:16,$mediumBold:!0},"Warning:"),"Removing  will permanently delete all subcategories, articles, and pages within it. This action cannot be undone."),React__default.default.createElement(paragraph.P,null),React__default.default.createElement(paragraph.P,null,"Are you sure you want to proceed?")),submitButtonText:"Delete",cancelButtonText:"Cancel",onSubmit:()=>{i(e?.categoryId,e?.subcategoryId,t.articleId,t.id),n({type:null,data:null})},trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"delete-article-QA":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:a,setIsOpen:r,title:"Remove this article",modalType:"delete",mainContent:React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Removing will permanently delete it. Answer within it will be removed and cannot be undone."),React__default.default.createElement(paragraph.P,null),React__default.default.createElement(paragraph.P,null,"Are you sure you want to proceed?")),submitButtonText:"Remove",cancelButtonText:"Cancel",onSubmit:()=>{o(e?.categoryId,e?.subcategoryId,t.articleId,t.id,e?.questionId),n({type:null,data:null})},trigger:React__default.default.createElement(React__default.default.Fragment,null)});default:return null}})())},IconWrapper=`
+          border-radius:500px;
+          padding: .1rem;
+          &:hover {
+          border: 1px solid var(--color-primary-blue-3);
+          background: white;
+`,CategoryItem=styled__default.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 16px;
+  justify-content: center;
+  padding: 0.5rem;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  div {
+    color: var(--color-primary-blue-0);
+  }
+  svg {
+    fill: var(--color-primary-blue-0);
+  }
+`;exports.default=ArticleCategoryWithQA;

package/dist/components/custom/help_center/help_center-mainPage.js

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),help_center_dataStore=require("./help_center_dataStore.js"),help_centerDefaultArticle=require("./help_center-defaultArticle.js"),help_centerCustomModal=require("./help_center-customModal.js"),styled=require("styled-components"),pencil=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/pencil.js")),plus=require("../../../icons/basic/plus.js"),help_centerEditableContent=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/subtask.js"),require("../../../common/colors.js"),require("./help_center-editable-content.js")),box=require("../../atoms/box/box.js"),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),simple_editor=(require("../../atoms/typography/typography.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js")),help_centerAuth=require("./help_center-auth.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const editorEmptyContent=[{type:"p",children:[{text:""}]}],MainPage=()=>{const{selectedArticle:n,userRole:e,updateArticle:i,addArticleQuestion:d,selectedSubcategory:t,addArticleCategory:r}=React.useContext(help_center_dataStore.HelpCenterContext),[a,c]=React.useState(""),[l,o]=React__default.default.useState(!1),[u,s]=React__default.default.useState(!1),[p,_]=React__default.default.useState(!1),[f,m]=React.useState({type:null,data:null}),[g,y]=React.useState(editorEmptyContent);var h=e=>{var t,a,l;n&&e.trim()&&({categoryId:t,subcategoryId:a,id:l}=n,r(t,a,l,{title:e,questions:[],articleId:l}),c(e))};const C=e=>{var t,a,l,r;n&&({categoryId:t,subcategoryId:a,id:l,content:r}=n,i(t,a,l,e,r),s(!1))};var b;return n||t?t&&!n?.id?React__default.default.createElement(help_centerDefaultArticle.DefaultSubcategoryPage,{categoryId:t.categoryId,subcategoryId:t.id}):0===n?.content?.length?React__default.default.createElement(help_centerDefaultArticle.DefaultArticlePage,{articleId:n.id,title:n.title,handleCreateCategory:h,handleCreateArticle:()=>{}}):(b=help_centerAuth.default.hasPermission(e,"create"),React__default.default.createElement(ContentContainer,null,React__default.default.createElement(ContentWrapper,null,React__default.default.createElement(box.Box,{sx:"display:flex; align-items:center; justify-content:space-between; width:100%;"},React__default.default.createElement(heading.H,{$bold:!0,$fontSize:32,sx:"margin-right: auto;"},n?.title),b?React__default.default.createElement(pencil.Pencil,{onClick:()=>{o(!1),_(!1),s(!0),m({type:"edit-article",data:{articleId:n?.id,name:n?.title,categoryId:n?.categoryId,subcategoryId:n?.subcategoryId}})},sx:"\n        border-radius:500px;\n        padding: .1rem;\n        &:hover {\n        border: 1px solid var(--color-primary-blue-3);\n        background: white;\n       }"}):null),b?React__default.default.createElement("div",{style:{marginTop:"1rem"}},React__default.default.createElement(help_centerCustomModal.default,{isOpen:l,setIsOpen:o,title:"Add an Article Category",modalType:"create-article-category",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:h,trigger:React__default.default.createElement(CategorycreateBtn,{onClick:()=>o(!1)},React__default.default.createElement(plus.Plus,null),React__default.default.createElement("div",null,"Create Categories"))})):null,React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"40px",marginTop:"43px"}},n?.content.map(e=>React__default.default.createElement(help_centerEditableContent.default,{key:e.id,articleCategory:e}))),b?React__default.default.createElement("div",null,React__default.default.createElement(help_centerCustomModal.default,{isOpen:p,setIsOpen:_,title:"Add an Article Question",initialValue:a,modalType:"articleQuestion",submitButtonText:"Add",cancelButtonText:"Cancel",mainContent:React__default.default.createElement(box.Box,{sx:"\n                  width: 100%;\n                  overflow: hidden;\n                  "},React__default.default.createElement(simple_editor.SimpleEditor,{communityName:"Community",handleUploadImage:()=>Promise.resolve("fdkjfdkfjdkfj"),editable:!0,onChange:e=>y(e),previousContent:editorEmptyContent})),onSubmit:e=>{var t,a,l,r;n&&e&&0<g.filter(e=>e.type&&0<e.children.length).length&&({categoryId:t,subcategoryId:a,id:l,content:r}=n,d(t,a,l,r[r.length-1].id,{articleCategoryId:r[0].id,answer:g,question:e}),y(editorEmptyContent),c(""))},trigger:React__default.default.createElement(QuestionCreateBtn,{onClick:()=>o(!1)},React__default.default.createElement(paragraph.P,{$fontSize:16,$bold:!0},"Add an Article Question"))}),(h=f.data?.name,"edit-article"!==f.type?null:React__default.default.createElement(help_centerCustomModal.default,{isOpen:u,setIsOpen:s,title:"Edit Article",initialValue:h||"",mainContent:React__default.default.createElement(React__default.default.Fragment,null),modalType:"edit-article",submitButtonText:"Save",cancelButtonText:"Cancel",onSubmit:C,trigger:React__default.default.createElement(React__default.default.Fragment,null)}))):null))):React__default.default.createElement(help_centerDefaultArticle.HowCanWeHelpPage,null)},ContentContainer=styled__default.default.div`
+  width: 100%;
+`,ContentWrapper=styled__default.default.div``,CategorycreateBtn=styled__default.default.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  border-radius: 5px;
+  padding: 0.2rem 0 0.2rem 0.8rem;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  div {
+    color: var(--color-grey-5);
+  }
+  svg {
+    fill: var(--color-grey-5);
+  }
+  &:hover {
+    background: white;
+    div {
+      color: var(--color-grey-4);
+    }
+    svg {
+      fill: var(--color-grey-4);
+    }
+  }
+`,QuestionCreateBtn=styled__default.default.div`
+  padding: 0.5rem;
+  margin-top: 48px;
+  width: 100%;
+  border-radius: 4px;
+  border: 1px dashed var(--color-grey-8);
+`;exports.default=MainPage;

package/dist/components/custom/help_center/help_center-sidebar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),help_center_categoryList=require("./help_center_categoryList.js"),help_center_articlleList=require("./help_center_articlle-list.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Sidebar=()=>React__default.default.createElement("div",null,React__default.default.createElement(help_center_categoryList.default,null,(e,t)=>React__default.default.createElement(help_center_articlleList.default,{subcategoryId:t,categoryId:e})));exports.default=Sidebar;

package/dist/components/custom/help_center/help_center.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),help_center_dataStore=require("./help_center_dataStore.js"),help_center_layout=require("./help_center_layout.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const HelpCenter=({initialData:e,onDataChange:t})=>React__default.default.createElement(help_center_dataStore.HelpCenterProvider,{initialData:e,onDataChange:t},React__default.default.createElement(help_center_layout.default,null));exports.HelpCenter=HelpCenter;

package/dist/components/custom/help_center/help_center_articlle-list.js

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),help_center_dataStore=require("./help_center_dataStore.js"),trash_slash=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/resize.js"),require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash_slash.js")),help_centerCustomModal=(require("../../../common/colors.js"),require("./help_center-customModal.js")),paragraph=(require("../../atoms/box/box.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js")),help_centerAuth=(require("../../atoms/typography/typography.js"),require("./help_center-auth.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const ArticleList=({categoryId:t,subcategoryId:a})=>{const[e,r]=React.useState(!1),[l,i]=React.useState({type:null,data:null}),{isLoading:n,categories:c,userRole:d,deleteArticle:o,setBreadcrumbTrail:s,setSelectedArticle:u}=React.useContext(help_center_dataStore.HelpCenterContext);var p=(c?.find(e=>e.id===t))?.subcategories.find(e=>e.id===a);const _=help_centerAuth.default.hasPermission(d,"create");return n?React__default.default.createElement("div",null,"Loading..."):React__default.default.createElement(ArticleListContainer,null,p?.articles.map(n=>React__default.default.createElement(ArticleItem,{onClick:()=>{var t,a,r,e,l,i;t=n.categoryId,a=n.subcategoryId,r=n.id,e=c.find(e=>e.id===t),l=e?.subcategories.find(e=>e.id===a),i=l?.articles.find(e=>e.id===r),s([e?.name,l?.name,i?.title]),u({id:n.id,title:n.title,content:n.content,categoryId:n.categoryId,subcategoryId:n.subcategoryId})},key:n.id},React__default.default.createElement(CategoryItem,null,React__default.default.createElement(paragraph.P,{sx:"margin-right: auto; white-space: nowrap;"},n.title),_?React__default.default.createElement(trash_slash.TrashSlash,{onClick:()=>{i({type:"delete",data:{categoryId:t,subcategoryId:a,articleId:n.id,name:n.title}}),r(!0)},sx:"\n                 border-radius:500px;\n                 padding: .1rem;\n                 &:hover {\n                 border: 1px solid var(--color-primary-blue-3);\n                 background: white;\n                }"}):null))),React__default.default.createElement(help_centerCustomModal.default,{isOpen:e,setIsOpen:r,title:"Remove "+l.data?.name,modalType:"delete",mainContent:React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,{$fontSize:16,$mediumBold:!0},"Warning:"),`Removing ${l.data?.name} will permanently delete the page and all content within it. This action cannot be undone.`),React__default.default.createElement(paragraph.P,null),React__default.default.createElement(paragraph.P,null,"Are you sure you want to proceed?")),submitButtonText:"Remove",cancelButtonText:"Cancel",onSubmit:()=>{l?.data&&(o(t,a,l?.data?.articleId),s(e=>e.filter(e=>e!==l.data?.name)))},trigger:React__default.default.createElement(React__default.default.Fragment,null)}))},ArticleListContainer=styled__default.default.div`
+  width: calc(100% - 10%);
+`,ArticleItem=styled__default.default.div`
+  border-radius: 5px;
+  gap: 16px;
+  display: flex;
+  width: 100%;
+  padding: 2px;
+  justify-content: space-between;
+  svg {
+    flex-shrink: 0;
+  }
+  &:hover {
+    background: var(--color-primary-blue-3);
+  }
+`,CategoryItem=styled__default.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 16px;
+  justify-content: space-between;
+  padding: 0.2rem 0.2rem 0.2rem 0.8rem;
+  cursor: pointer;
+  div {
+    color: var(--color-primary-blue-0);
+  }
+  svg {
+    fill: var(--color-primary-blue-0);
+  }
+`;exports.default=ArticleList;

package/dist/components/custom/help_center/help_center_categoryList.js

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),help_center_dataStore=require("./help_center_dataStore.js"),help_center_subCategory=require("./help_center_sub-category.js"),types=require("./types.js"),ellipsis_horizontal=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/ellipsis_horizontal.js")),pencil=require("../../../icons/basic/pencil.js"),plus=require("../../../icons/basic/plus.js"),settings=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/settings.js")),trash=(require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash.js")),lock=require("../../../icons/security/lock.js"),accordion=(require("../../../common/colors.js"),require("../../surfaces/accordion/accordion.js")),button=(require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../actions/button/button.js")),dropdown=require("../../actions/dropdown/dropdown.js"),upload=(require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js")),help_centerCustomModal=require("./help_center-customModal.js"),box=require("../../atoms/box/box.js"),paragraph=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js")),help_centerAuth=(require("../../atoms/typography/typography.js"),require("./help_center-auth.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const CategoryList=({children:t})=>{const[a,,]=React.useState(""),[r,l]=React.useState(!1),[n,u]=React.useState(!1),[o,d]=React.useState(!1),[c,i]=React.useState({type:null,data:null}),{categories:s,isLoading:e,userRole:p,addCategory:f,updateCategory:_,deleteCategory:m,addSubcategory:g,setBreadcrumbTrail:y}=React.useContext(help_center_dataStore.HelpCenterContext);const b=e=>{e.trim()&&(g(c?.data?.categoryId,e),i({type:null,data:null}))},h=help_centerAuth.default.hasPermission(p,"create");if(e)return React__default.default.createElement("div",null,"Loading...");let R=[{value:types.DropdownOptions.RENAME,icon:React__default.default.createElement(pencil.Pencil,null),label:types.DropdownOptions.RENAME},{value:types.DropdownOptions.CREATE_SUBCATEGORY,icon:React__default.default.createElement(plus.Plus,null),label:types.DropdownOptions.CREATE_SUBCATEGORY},{value:types.DropdownOptions.DELETE_CATEGORY,icon:React__default.default.createElement(trash.Trash,null),label:types.DropdownOptions.DELETE_CATEGORY}];return React__default.default.createElement(CategoryListContainer,null,s?.map(r=>React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(accordion.Accordion,{sx:"gap: 16px; display: flex; flex-flow: column nowrap;"},React__default.default.createElement(accordion.Accordion.Item,{buttonSx:`
+              border-radius: 5px;
+              gap: 16px;
+              padding: 2px;
+              justify-content: flex-end;
+              svg { flex-shrink: 0; }
+              &:hover {
+                background: var(--color-primary-blue-4);
+              }
+              `,key:"category-"+r.id,sx:"flex-direction: column;",trigger:React__default.default.createElement(CategoryItem,{onClick:()=>{var t,e;t=r.id,e=s.find(e=>e.id===t),y([e?.name])}},h?React__default.default.createElement(settings.Settings,null):null,React__default.default.createElement(paragraph.P,{sx:"margin-right: auto"},r.name),h?React__default.default.createElement(dropdown.Dropdown,{maintainState:!1,onChange:e=>{var t=r.id,a=r.name;switch(e.target?.getAttribute("data-value")){case types.DropdownOptions.RENAME:u(!0),i({type:"edit",data:{categoryId:t,name:a}});break;case types.DropdownOptions.DELETE_CATEGORY:d(!0),i({type:"delete",data:{categoryId:t,name:a}});break;case types.DropdownOptions.CREATE_SUBCATEGORY:l(!0),i({type:"create",data:{categoryId:t,name:a}})}},open:"left",sx:"\n                      margin-left: auto;",options:R,trigger:React__default.default.createElement(button.Button,{onClick:e=>e.stopPropagation(),sx:"\n                        width: 24px;\n                        height: 24px;\n                        ",icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,{sx:"\n                               border-radius:500px;\n                               padding: .2rem;\n                               &:hover {\n                               border: 1px solid var(--color-primary-blue-3);\n                               background: white;\n                              }"}),type:"special"})}):null)},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"},key:r.id},React__default.default.createElement(help_center_subCategory.default,{categoryId:r.id},e=>t(r.id,e))))))),h?React__default.default.createElement("div",null,React__default.default.createElement(help_centerCustomModal.default,{isOpen:r,setIsOpen:l,title:"Add a Category",initialValue:a,modalType:"create",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:e=>{e.trim()&&(f(e),i({type:null,data:null}))},trigger:React__default.default.createElement(CategorycreateBtn,{onClick:()=>{}},React__default.default.createElement(plus.Plus,null),React__default.default.createElement("div",null,"Create Category")),mainContent:React__default.default.createElement(box.Box,{sx:"display:flex; justify-content: center; align-items: center; gap: 1rem;"},React__default.default.createElement(upload.Upload,{background:"hue-blue-3",borderColor:"hue-blue-2",iconColor:"primary-blue-2",multiple:!1,onDrop:()=>{},size:"small",subtext:"subtext",text:"Drag and drop your image here or",type:"image"}),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Upload an icon"),React__default.default.createElement(paragraph.P,null,"(Recommended size: 16px * 16px)")))}),(()=>{var e=c.data?.name;switch(c.type){case"create":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:r,setIsOpen:l,title:"Add a SubCategory",initialValue:a,mainContent:React__default.default.createElement(box.Box,{sx:"display:flex; justify-content: center; align-items: center; gap: 1rem;"},React__default.default.createElement(upload.Upload,{background:"hue-blue-3",borderColor:"hue-blue-2",iconColor:"primary-blue-2",multiple:!1,onDrop:()=>{},size:"small",subtext:"subtext",text:"Drag and drop your image here or",type:"image"}),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Upload an icon"),React__default.default.createElement(paragraph.P,null,"(Recommended size: 16px * 16px)"))),modalType:"create",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:b,trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"edit":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:n,setIsOpen:u,title:"Edit "+(c?.data?.subcategoryId?"Subcategory":"Category"),mainContent:React__default.default.createElement(box.Box,{sx:"display:flex; justify-content: center; align-items: center; gap: 1rem;"},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(lock.Lock,{sx:"border-radius: 500px;\n                    width: 40px;\n                    height: 40px; \n                    padding: .5rem;\n                    border: 2px solid var(--color-primary-blue-2);",color:"hue-blue-1",size:24}),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Change the icon")))),initialValue:c?.data?.name,modalType:"edit",submitButtonText:"Save",cancelButtonText:"Cancel",onSubmit:e=>{var t;c?.data?.categoryId&&(t=c?.data.categoryId,e=e,_(t,e),i({type:null,data:null}))},trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"delete":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:o,setIsOpen:d,title:"Delete "+(c?.data?.subcategoryId?"Subcategory":"Category"),modalType:"delete",mainContent:React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,{$fontSize:16,$mediumBold:!0},"Warning:"),`Removing ${e} will permanently delete all subcategories, articles, and pages within it. This action cannot be undone.`),React__default.default.createElement(paragraph.P,null),React__default.default.createElement(paragraph.P,null,"Are you sure you want to proceed?")),submitButtonText:"Delete",cancelButtonText:"Cancel",onSubmit:()=>{var e;e=c?.data?.categoryId,m(e),y([]),i({type:"delete",data:{categoryId:e}}),i({type:null,data:null})},trigger:React__default.default.createElement(React__default.default.Fragment,null)});default:return null}})()):null)},CategorycreateBtn=styled__default.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 16px;
+  border-radius: 5px;
+  padding: 0.2rem 0 0.2rem 0.8rem;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  div {
+    color: var(--color-grey-6);
+  }
+  svg {
+    fill: var(--color-grey-6);
+  }
+  &:hover {
+    background: white;
+    div {
+      color: var(--color-grey-5);
+    }
+    svg {
+      fill: var(--color-grey-5);
+    }
+  }
+`,CategoryListContainer=styled__default.default.div``,CategoryItem=(styled__default.default.div`
+  padding: 12px;
+  border-radius: 8px;
+  background-color: ${({$color:e})=>e};
+  width: fit-content;
+  flex: unset !important;
+`,styled__default.default.div`
+  display: flex;
+  width: 100%;
+
+  align-items: center;
+  gap: 16px;
+  justify-content: center;
+  padding: 0.2rem 0.2rem 0.2rem 0.8rem;
+  cursor: pointer;
+  div {
+    color: var(--color-primary-blue-0);
+  }
+  svg {
+    fill: var(--color-primary-blue-0);
+  }
+`);exports.default=CategoryList;

package/dist/components/custom/help_center/help_center_dataStore.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),uuid=require("uuid");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const HelpCenterContext=React.createContext(void 0),HelpCenterProvider=({initialData:e,onDataChange:o,children:t})=>{const[n,d]=React.useState(e.categories||[]);var[a,,]=React.useState(!1),[r,,]=React.useState(null),[i,s]=React.useState([]);const[c,u]=React.useState(!1),[l,g]=React.useState(null),[p,v]=React.useState(null);var[e,,]=React.useState(e.userRole);const m=(e,t,a)=>{var[t,...r]=t;return{...e,[t]:r.length?m(e[t],r,a):a}};a={categories:n,isLoading:a,selectedArticle:p,error:r,userRole:e,isNewArticle:c,selectedSubcategory:l,breadcrumbTrail:i,setBreadcrumbTrail:s,updateArticleCategory:(a,r,i,s,c)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>e.id===s?{...e,title:c}:e),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},addArticleCategory:(a,r,i,s)=>{const c=uuid.v4();var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>e.id!==i?e:m(e,["content"],[...e.content,{...s,id:c}])),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},updateArticleQuestion:(a,r,i,s,c,u)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>{var t;return e.id===s?(t=e.questions?e.questions.map(e=>e.id!==c?e:{...e,question:u.question,answer:u.answer}):[{...u,id:c}],{...e,questions:t}):e}),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},addArticleQuestion:(a,r,i,s,c)=>{const u=uuid.v4();var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>{var t;return e.id!==s?e:(t=[...e.questions||[],{...c,id:u}],{...e,questions:t})}),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},setSelectedSubcategory:g,setIsNewArticle:u,addCategory:e=>{e={id:uuid.v4(),name:e,subcategories:[]},e=[...n,e];d(e),o?.({categories:e})},updateCategory:(t,a)=>{var e=n.map(e=>e.id===t?{...e,name:a}:e);d(e),o?.({categories:e})},deleteCategory:t=>{var e=n.filter(e=>e.id!==t);d(e),v(null),o?.({categories:e})},addSubcategory:(t,a)=>{const r=uuid.v4();var e=n.map(e=>e.id===t?m(e,["subcategories"],[...e.subcategories,{id:r,name:a,articles:[],categoryId:t}]):e);d(e),g({articles:[],categoryId:t,name:a,id:r}),o?.({categories:e})},updateSubcategory:(t,a,r)=>{var e=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.map(e=>e.id===a?m(e,["name"],r):e)):e);d(e),o?.({categories:e})},deleteSubcategory:(t,a)=>{var e=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.filter(e=>e.id!==a)):e);v(null),d(e),o?.({categories:e})},addArticle:(t,a,r,i)=>{const s=uuid.v4();var e=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.map(e=>e.id===a?m(e,["articles"],[...e.articles,{id:s,title:r,content:i,categoryId:t,subcategoryId:a}]):e)):e);return v({categoryId:t,content:i,id:s,subcategoryId:a,title:r}),u(!0),d(e),g(null),o?.({categories:e}),s},updateArticle:(t,a,r,i,e)=>{var s=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.map(e=>e.id===a?m(e,["articles"],e.articles.map(e=>e.id===r?m(e,["title"],i):e)):e)):e),c=s.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===r);c&&(v(c),d(s),o?.({categories:s}))},deleteArticle:(t,a,r)=>{var e=n.map(e=>e.id===t?{...e,subcategories:e.subcategories.map(e=>e.id===a?{...e,articles:e.articles.filter(e=>e.id!==r)}:e)}:e);v(null),d(e),o?.({categories:e})},deleteArticleCategory:(a,r,i,s)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.filter(e=>e.id!==s),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},deleteArticleQuestion:(a,r,i,s,c)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>{var t;return e.id===s?(t=e.questions?e.questions.filter(e=>e.id!==c):[],{...e,questions:t}):e}),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},setSelectedArticle:v};return React__default.default.createElement(HelpCenterContext.Provider,{value:a},t)};exports.HelpCenterContext=HelpCenterContext,exports.HelpCenterProvider=HelpCenterProvider;

package/dist/components/custom/help_center/help_center_layout.js

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),help_center_dataStore=require("./help_center_dataStore.js"),help_centerMainPage=require("./help_center-mainPage.js"),help_centerSidebar=require("./help_center-sidebar.js"),breadcrumb=require("../../navigation/breadcrumb/breadcrumb.js"),box=(require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../../atoms/box/box.js")),paragraph=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../atoms/typography/typography.js");var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const AppLayout=()=>{const a=React.useContext(help_center_dataStore.HelpCenterContext)["breadcrumbTrail"],[e,t]=React__default.default.useState(!1);return React__default.default.createElement(Container,null,React__default.default.createElement(box.Box,{sx:"z-index: 3;",$elevation:5},React__default.default.createElement(HeaderWrapper,null,React__default.default.createElement("p",null,"Header"),React__default.default.createElement(ToggleButton,{onClick:()=>{t(!e)}},React__default.default.createElement("span",null,"☰")))),React__default.default.createElement(ContentContainer,null,React__default.default.createElement(SidebarWrapper,{isOpen:e},React__default.default.createElement(CloseButton,{onClick:()=>t(!1)},"✕"),React__default.default.createElement(help_centerSidebar.default,null)),React__default.default.createElement(MainContentContainer,null,React__default.default.createElement(MainContentWrapper,null,a.length?React__default.default.createElement("div",{style:{marginTop:"48px"}},React__default.default.createElement(breadcrumb.Breadcrumb,null,a.map((e,t)=>React__default.default.createElement(breadcrumb.Breadcrumb.Item,{key:t},React__default.default.createElement(paragraph.P,{$bold:!0,$color:t===a.length-1?"grey-0":"blue-4"},e))))):null,React__default.default.createElement("div",{style:{marginTop:"43px"}},React__default.default.createElement(help_centerMainPage.default,null))))))},ContentContainer=styled__default.default.div`
+  display: flex;
+  width: 100dvw;
+  height: 100dvh;
+  margin: 0 auto;
+`,Container=styled__default.default.div`
+  display: flex;
+  flex-direction: column;
+`,SidebarWrapper=styled__default.default.div`
+  width: 30dvw;
+  background-color: #f6fbfe;
+  padding: 40px 10px 20px 10px;
+  transition: transform 0.3s ease-in-out;
+  position: relative;
+  overflow-y: auto;
+  height: 100vh;
+  @media (max-width: 767px) {
+    position: fixed;
+    padding-top: 40px;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transform: ${({isOpen:e})=>e?"translateX(0)":"translateX(-100%)"};
+    z-index: 4;
+  }
+`,CloseButton=styled__default.default.button`
+  display: none;
+  @media (max-width: 767px) {
+    display: block;
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    z-index: 3;
+  }
+`,MainContentContainer=styled__default.default.div`
+  flex-grow: 1;
+  padding: 10px;
+  display: flex;
+  background: #f8fafc;
+  width: 100%;
+  overflow-y: auto;
+`,MainContentWrapper=styled__default.default.div`
+  width: 850px;
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+  @media (max-width: 1120px) {
+    width: 100%;
+  }
+`,HeaderWrapper=styled__default.default.div`
+  display: flex;
+  width: 100%;
+  padding: 20px;
+  justify-content: space-between;
+  box-shadow: var(--elevation-4);
+`,ToggleButton=styled__default.default.button`
+  display: none;
+
+  @media (max-width: 767px) {
+    display: block;
+    margin-right: 2rem;
+  }
+`;exports.default=AppLayout;

package/dist/components/custom/help_center/help_center_sub-category.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),help_center_dataStore=require("./help_center_dataStore.js"),accordion=require("../../surfaces/accordion/accordion.js"),ellipsis_horizontal=(require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/ellipsis_horizontal.js")),plus=require("../../../icons/basic/plus.js"),settings=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/settings.js")),trash=(require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash.js")),button=(require("../../../common/colors.js"),require("../../actions/button/button.js")),dropdown=require("../../actions/dropdown/dropdown.js"),types=(require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("./types.js")),help_centerCustomModal=require("./help_center-customModal.js"),paragraph=(require("../../atoms/box/box.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js")),help_centerAuth=(require("../../atoms/typography/typography.js"),require("./help_center-auth.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const SubCategoryList=({categoryId:t,children:e})=>{const[a,n]=React.useState(!1),[r,o]=React.useState({type:null,data:null}),{isLoading:l,categories:s,userRole:i,deleteSubcategory:u,addArticle:c,setBreadcrumbTrail:d}=React.useContext(help_center_dataStore.HelpCenterContext),p=()=>{r?.data&&(u(t,r?.data?.subcategoryId),d(e=>e.filter(e=>e!==r.data?.name)))};let f=[{value:types.DropdownOptions.CREATE_ARTICLES,icon:React__default.default.createElement(plus.Plus,null),label:types.DropdownOptions.CREATE_ARTICLES},{value:types.DropdownOptions.DELETE_SUBCATEGORY,icon:React__default.default.createElement(trash.Trash,null),label:types.DropdownOptions.DELETE_SUBCATEGORY}];const _=help_centerAuth.default.hasPermission(i,"create");var m;const g=s?.length?s?.find(e=>e.id===t):null;return l?React__default.default.createElement("div",null,"Loading..."):React__default.default.createElement(SubCategoryListContainer,null,g?.subcategories.map(l=>React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(accordion.Accordion,{key:l.id,sx:"gap: 16px; display: flex; flex-flow: column nowrap;"},React__default.default.createElement(accordion.Accordion.Item,{buttonSx:`
+              border-radius: 5px;
+              gap: 16px;
+              padding: 2px;
+              justify-content: flex-end;
+              svg { flex-shrink: 0; }
+              &:hover {
+                background: var(--color-primary-blue-4);
+              }
+              `,key:"category-"+g.id,sx:"flex-direction: column;",trigger:React__default.default.createElement(SubCategoryItem,{onClick:()=>{var t,a,e,r;t=g.id,a=l.id,e=s.find(e=>e.id===t),r=e?.subcategories.find(e=>e.id===a),d([e?.name,r?.name])}},_?React__default.default.createElement(settings.Settings,null):null,React__default.default.createElement(paragraph.P,{sx:"margin-right: auto; white-space: nowrap;"},l.name),_?React__default.default.createElement(dropdown.Dropdown,{maintainState:!1,onChange:e=>{var t=g.id,a=l.id,r=l.name;switch(e.target?.getAttribute("data-value")){case types.DropdownOptions.DELETE_SUBCATEGORY:n(!0),o({type:"delete",data:{categoryId:t,subcategoryId:a,name:r}});break;case types.DropdownOptions.CREATE_ARTICLES:c(t,a,"Article",[]),d(e=>[...e,"Article"])}},open:"left",sx:"\n                    margin-left: auto;",options:f,trigger:React__default.default.createElement(button.Button,{onClick:e=>e.stopPropagation(),sx:"\n                      width: 24px;\n                      height:24px;\n                      ",icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,{sx:"\n                             border-radius:500px;\n                             padding: .2rem;\n                             &:hover {\n                             border: 1px solid var(--color-primary-blue-3);\n                             background: white;\n                            }"}),type:"special"})}):null)},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"},key:l.id},e(l.id)))))),_?React__default.default.createElement("div",null,(m=r.data?.name,"delete"!==r.type?null:React__default.default.createElement(help_centerCustomModal.default,{isOpen:a,setIsOpen:n,title:`Remove ${m||"Subcategory"}? `,modalType:"delete",submitButtonText:"Remove",mainContent:React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,{$fontSize:16,$mediumBold:!0},"Warning:"),` Removing ${m} will permanently delete all articles and pages within it. This action cannot be undone.`),React__default.default.createElement(paragraph.P,null),React__default.default.createElement(paragraph.P,null,"Are you sure you want to proceed?")),cancelButtonText:"Cancel",onSubmit:p,trigger:React__default.default.createElement(React__default.default.Fragment,null)}))):null)},SubCategoryListContainer=styled__default.default.div`
+  width: calc(100% - 5%);
+`,SubCategoryItem=styled__default.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 16px;
+  justify-content: center;
+  padding: 0.2rem 0.2rem 0.2rem 0.8rem;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  div {
+    color: var(--color-primary-blue-0);
+  }
+  svg {
+    fill: var(--color-primary-blue-0);
+  }
+`;exports.default=SubCategoryList;

package/dist/components/custom/help_center/types.js

@@ -0,0 +1 @@
+"use strict";const USER_ROLES={ADMIN:"admin",EDITOR:"editor",VIEWER:"viewer"};exports.DropdownOptions=void 0,function(E){E.RENAME="Rename",E.CREATE_SUBCATEGORY="Create Sub-Category",E.DELETE_CATEGORY="Remove the Category",E.CREATE_ARTICLES="Create Articles",E.DELETE_SUBCATEGORY="Remove"}(exports.DropdownOptions||(exports.DropdownOptions={})),exports.USER_ROLES=USER_ROLES;

package/dist/components/editor/simple_editor/simple_editor.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js"),modal=(require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js")),box=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),button=(require("../../atoms/typography/typography.js"),require("../../actions/button/button.js")),validations=(require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/upload/validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const SimpleEditor=({editable:e,handleUploadImage:l,onChange:t,validation:o,sx:a,validationMessage:r,placeholder:i="",previousContent:n=[{type:"p",children:[{text:""}]}]})=>{const[s,d]=React__default.default.useState([]);return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<s.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>d([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},r)))),React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:t,plugins:plugins.plugins},React__default.default.createElement(Wrapper,null,e&&React__default.default.createElement(navbar.EditorBar,{handleUploadImage:async t=>{d([]);var a=[];if(o)for(let e=0;e<t.length;e++){var r=t[e],r=await validations.validateFile(r,o);if(0<r.length){a.push(...r);break}}return 0<a?.length?(d(a),""):l(t)}}),React__default.default.createElement(InnerWrapper,{$sx:a},React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:i,readOnly:!e,spellCheck:!0})))))},InnerWrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js"),modal=(require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js")),box=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),button=(require("../../atoms/typography/typography.js"),require("../../actions/button/button.js")),validations=(require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/upload/validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const SimpleEditor=({editable:e,handleUploadImage:l,onChange:t,validation:o,sx:a,validationMessage:r,placeholder:i="",previousContent:n=[{type:"p",children:[{text:""}]}]})=>{const[d,s]=React__default.default.useState([]);return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<d.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>s([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},r)))),React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:t,plugins:plugins.plugins},React__default.default.createElement(Wrapper,null,e&&React__default.default.createElement(navbar.EditorBar,{handleUploadImage:async t=>{s([]);var a=[];if(o)for(let e=0;e<t.length;e++){var r=t[e],r=await validations.validateFile(r,o);if(0<r.length){a.push(...r);break}}return 0<a?.length?(s(a),""):l(t)}}),React__default.default.createElement(InnerWrapper,{$sx:a},React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:i,readOnly:!e,spellCheck:!0})))))},InnerWrapper=styled.styled.div`
   & > div {
     padding: 24px;
     min-height: 224px;

package/dist/components/input/filter/filter.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Filter=({closeOnBlur:t=!0,disabled:e,graphic:a,graphicAlignment:l="left",resetGraphic:r,label:o="",sx:n,triggerType:d,options:u,defaultValue:c="",closeOnChange:i=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:b,customerOptionWrapper:y})=>{const h=!!f,m=React__default.default.useRef(null);var x=React__default.default.useRef(null);const[R,C]=React__default.default.useState(!1),[E,k]=React__default.default.useState(()=>c||(h?[]:"")),[$,w]=React__default.default.useState("");React__default.default.useEffect(()=>{e&&C(!1)},[e]),React__default.default.useEffect(()=>{"outlined"===d&&void 0===c&&k(h?[u[0]?.value]:u[0]?.value)},[d,c]),React__default.default.useEffect(()=>{var e;R||(E.length?(e=u.find(e=>"string"!=typeof e&&S(e.value)),"string"==typeof E?w(e.label):w(1<E.length?e.label+" +"+(E.length-1):e.label)):w(o))},[E,u,R]);const P=h?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(E)&&E.includes(t)?k(e=>e.filter(e=>e!==t)):k(e=>[t,...e]),i&&!g&&C(!1),s&&s(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";E!==t?k(t):k(""),i&&!g&&C(!1),s&&s(e)},S=e=>h?E.includes(e):e===E;var A=[...u.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+t}):React__default.default.createElement(filter_option.Option,{key:e.value,onClick:P,selected:S(e.value),checkbox:f,radio:!h&&"pill"===d||!h&&_,showClose:void 0===p?0===t&&"pill"===d:p,onClose:()=>C(!1),...e})),"pill"===d&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+u.length})],j=r&&("string"==typeof E?!!E:!!E.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:m,onBlurCapture:e=>{t&&m?.current&&!m?.current?.contains(e.relatedTarget)&&C(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:a,graphicAlignment:l,label:o,onClick:()=>{e||C(e=>!e)},onReset:r?e=>{e.stopPropagation(),v&&v(e),k(h?[]:""),C(!1)}:void 0,open:R,resetGraphic:j,type:d,value:$}),R&&React__default.default.createElement(Container,{ref:x},React__default.default.createElement(React__default.default.Fragment,null,y?y({children:A}):A,"pill"===d&&b&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),k(h?[]:""),C(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),C(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
+"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Filter=({closeOnBlur:t=!0,disabled:e,graphic:a,graphicAlignment:l="left",resetGraphic:r,label:o="",sx:n,triggerType:d,options:u,defaultValue:c="",closeOnChange:i=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:b,customerOptionWrapper:y,onReset:h,shouldReset:m=!1})=>{const x=!!f,R=React__default.default.useRef(null);var C=React__default.default.useRef(null);const[E,$]=React__default.default.useState(!1),[k,w]=React__default.default.useState(()=>c||(x?[]:"")),[P,S]=React__default.default.useState("");React__default.default.useEffect(()=>{e&&$(!1)},[e]),React__default.default.useEffect(()=>{m&&(w(x?[]:""),$(!1),S(o),h?.())},[m,x,o,h]),React__default.default.useEffect(()=>{"outlined"===d&&void 0===c&&w(x?[u[0]?.value]:u[0]?.value)},[d,c]),React__default.default.useEffect(()=>{var e;E||(k.length?(e=u.find(e=>"string"!=typeof e&&j(e.value)),"string"==typeof k?S(e.label):S(1<k.length?e.label+" +"+(k.length-1):e.label)):S(o))},[k,u,E]);const A=x?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(k)&&k.includes(t)?w(e=>e.filter(e=>e!==t)):w(e=>[t,...e]),i&&!g&&$(!1),s&&s(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";k!==t?w(t):w(""),i&&!g&&$(!1),s&&s(e)},j=e=>x?k.includes(e):e===k;var q=[...u.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+t}):React__default.default.createElement(filter_option.Option,{key:e.value,onClick:A,selected:j(e.value),checkbox:f,radio:!x&&"pill"===d&&_,showClose:void 0===p?0===t&&"pill"===d:p,onClose:()=>$(!1),...e})),"pill"===d&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+u.length})],D=r&&("string"==typeof k?!!k:!!k.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:R,onBlurCapture:e=>{t&&R?.current&&!R?.current?.contains(e.relatedTarget)&&$(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:a,graphicAlignment:l,label:o,onClick:()=>{e||$(e=>!e)},onReset:r?e=>{e.stopPropagation(),v&&v(e),w(x?[]:""),$(!1)}:void 0,open:E,resetGraphic:D,type:d,value:P}),E&&React__default.default.createElement(Container,{ref:C},React__default.default.createElement(React__default.default.Fragment,null,y?y({children:q}):q,"pill"===d&&b&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),w(x?[]:""),$(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),$(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
   position: relative;
   display: block;
   outline: none;
@@ -21,13 +21,14 @@
   & > div:last-of-type {
     border-radius: 0px 0px 8px 8px;
   }
-`,textProps={as:"span",$fontSize:14,$lineHeight:20},wrapperProps={$align:"center",$dir:"row",$gap:16},FilterTrigger=({disabled:e,graphic:t,graphicAlignment:a,label:l,onClick:r,resetGraphic:o,open:n,onReset:d,type:u,value:c})=>"pill"===u?React__default.default.createElement(Pill,{disabled:e,onClick:r,$labelIsDefault:c===l,...wrapperProps},"left"===a?t:null,React__default.default.createElement(paragraph.P,{...textProps},c),o?React__default.default.createElement(close.Close,{color:"blue-3",onClick:d}):null,"right"===a?t:null,!t&&!o&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))):"labeled"===u?React__default.default.createElement(Labeled,{disabled:e,onClick:r,...wrapperProps},React__default.default.createElement(paragraph.P,{...textProps},l),React__default.default.createElement(LabelSeparator,null),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$mediumBold:!0,...textProps},c),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"avatar"===u?React__default.default.createElement(Avatar,{$align:"center",$dir:"row",$gap:8,disabled:e,onClick:r},t,n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"text"===u?React__default.default.createElement(Text,{disabled:e,onClick:r,...wrapperProps},React__default.default.createElement(paragraph.P,{$color:"grey-4",$semiBold:!0,...textProps},l,":"),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$semiBold:!0,className:"filter-trigger-value",...textProps},c),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):React__default.default.createElement(Outlined,{disabled:e,onClick:r,...wrapperProps},"left"===a?t:null,t,React__default.default.createElement(paragraph.P,{...textProps},c),"right"===a?t:null,!t&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))),sharedStyles=((Filter.Trigger=FilterTrigger).displayName="Filter.Trigger",styled.css`
+`,textProps={as:"span",$fontSize:14,$lineHeight:20,$sx:"white-space: nowrap; width: 100%;",$textClampLines:1},wrapperProps={$align:"center",$dir:"row",$gap:16},FilterTrigger=({disabled:e,graphic:t,graphicAlignment:a,label:l,onClick:r,resetGraphic:o,open:n,onReset:d,type:u,value:c})=>"pill"===u?React__default.default.createElement(Pill,{disabled:e,onClick:r,$labelIsDefault:c===l,...wrapperProps},"left"===a?t:null,React__default.default.createElement(paragraph.P,{...textProps},c),o?React__default.default.createElement(close.Close,{color:"blue-3",onClick:d}):null,"right"===a?t:null,!t&&!o&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))):"labeled"===u?React__default.default.createElement(Labeled,{disabled:e,onClick:r,...wrapperProps},React__default.default.createElement(paragraph.P,{...textProps},l),React__default.default.createElement(LabelSeparator,null),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$mediumBold:!0,...textProps},c),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"avatar"===u?React__default.default.createElement(Avatar,{$align:"center",$dir:"row",$gap:8,disabled:e,onClick:r},t,n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"text"===u?React__default.default.createElement(Text,{disabled:e,onClick:r,...wrapperProps},React__default.default.createElement(paragraph.P,{$color:"grey-4",$semiBold:!0,...textProps},l,":"),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$semiBold:!0,className:"filter-trigger-value",...textProps},c),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):React__default.default.createElement(Outlined,{disabled:e,onClick:r,...wrapperProps},"left"===a?t:null,t,React__default.default.createElement(paragraph.P,{...textProps},c),"right"===a?t:null,!t&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))),sharedStyles=((Filter.Trigger=FilterTrigger).displayName="Filter.Trigger",styled.css`
   display: flex;
   padding: 10px 16px;
   border: none;
   outline: none;
   cursor: pointer;
   user-select: none;
+  width: 100%;
 
   &:disabled {
     background-color: var(--color-grey-9);
@@ -57,7 +58,6 @@
   border-radius: 24px;
   background-color: var(--color-white);
   font-family: var(--font-inter);
-
   ${({$labelIsDefault:e})=>e?"":`
       & > * {
         color: var(--color-primary-blue-2);
@@ -115,7 +115,6 @@
   background-color: transparent;
   border-radius: 32px;
   font-family: var(--font-inter);
-
   &:hover {
     background-color: var(--color-grey-10);
   }