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

package/dist/components/media/video-player/video.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:i,onPipChange:r,onProgress:j,onStart:L,orientation:o,setMediaItem:M,onShowAllPlaylist:n,forwardedRef:d,subtitle:c,title:s,trailer:u,additionalMedia:p})=>{const g="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var f=g.innerHeight/3,h=RESOLUTION*(g.innerHeight/3),m=React__default.default.useRef(null);const x=d||m,_=React__default.default.useRef({});d=React__default.default.useRef(null);const b=React__default.default.useRef(null),[y,w]=React__default.default.useState(0),[R,q]=React__default.default.useState(!1),[v,E]=React__default.default.useState(!a),[I,P]=React__default.default.useState(l?.[e].id||null),[N,A]=localStorage.useLocalStorage("videoPipHeight",f),[O,B]=localStorage.useLocalStorage("videoPipWidth",h),[V,U]=localStorage.useLocalStorage("video-volume",1),[S,X]=localStorage.useLocalStorage("videoPipRight",16),[$,Y]=localStorage.useLocalStorage("videoPipBottom",16),[k,z]=React__default.default.useState([0,0]),[T,D]=React__default.default.useState([0,0]),C=v?u:l?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=_.current[I];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&I&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,I]);const H=e=>{E(!1),M(e)};m=()=>{q(e=>!e),n&&n(!R)};const W=(e,t)=>{var a;!b?.current||(a=b.current.getBoundingClientRect()).x<16||a.y<16||e>=2*g.innerWidth/3||t>=2*g.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(B(e),A(t))};f=()=>{var e;b?.current&&(e=b.current.getBoundingClientRect(),D([e.width,e.height]))},h=e=>{var t,a,l,i;b?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,i=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(i-k[1]+T[1]),l=Math.round(e*RESOLUTION),W(l,e)):t.includes("bottom")?(l=Math.round(k[1]-i+T[1]),e=Math.round(l*RESOLUTION),W(e,l)):t.includes("left")?(i=Math.round(a-k[0]+T[0]),e=Math.round(i/RESOLUTION),W(i,e)):t.includes("right")&&(l=Math.round(k[0]-a+T[0]),i=Math.round(l/RESOLUTION),W(l,i))))};return C?(e=React.useMemo(()=>{let t=[{label:"All lessons",color:"dark"}];return p?.length&&p.forEach(e=>{t.push({label:e.name,color:"dark"})}),t.push({label:"Trailer",color:"dark"}),t},[p]),React__default.default.createElement(Wrapper,{$orientation:o},React__default.default.createElement(InnerWrapper,{$orientation:o,$playable:a||v},"vertical"===o&&React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===T[0],onDrag:t?e=>{var t,a,l,i;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=S+(t-k[0]),l=$+(e-k[1]),b?.current&&(i=b.current.getBoundingClientRect(),a&&16<=a&&a<=g.innerWidth-16-i.width&&X(a),l)&&16<=l&&l<=g.innerHeight-16-i.height&&Y(l),z([t,e]))}:void 0,onMouseDown:e=>{z([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:b,style:t?{bottom:$,height:N,right:S,width:O}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),r&&r(!1)},size:"large",sx:`
+"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:i,onPipChange:r,onProgress:j,onStart:L,orientation:o,setMediaItem:M,onShowAllPlaylist:n,forwardedRef:d,subtitle:c,title:s,trailer:u,additionalMedia:p})=>{const g="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var f=g.innerHeight/3,h=RESOLUTION*(g.innerHeight/3),m=React__default.default.useRef(null);const x=d||m,_=React__default.default.useRef({});d=React__default.default.useRef(null);const b=React__default.default.useRef(null),[y,w]=React__default.default.useState(0),[R,q]=React__default.default.useState(!1),[v,E]=React__default.default.useState(!a),[I,S]=React__default.default.useState(l?.[e].id||null),[N,A]=localStorage.useLocalStorage("videoPipHeight",f),[O,B]=localStorage.useLocalStorage("videoPipWidth",h),[V,U]=localStorage.useLocalStorage("video-volume",1),[P,X]=localStorage.useLocalStorage("videoPipRight",16),[$,Y]=localStorage.useLocalStorage("videoPipBottom",16),[k,z]=React__default.default.useState([0,0]),[D,C]=React__default.default.useState([0,0]),H=v?u:l?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=_.current[I];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&I&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,I]);const T=e=>{E(!1),M(e)};m=()=>{q(e=>!e),n&&n(!R)};const W=(e,t)=>{var a;!b?.current||(a=b.current.getBoundingClientRect()).x<16||a.y<16||e>=2*g.innerWidth/3||t>=2*g.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(B(e),A(t))};f=()=>{var e;b?.current&&(e=b.current.getBoundingClientRect(),C([e.width,e.height]))},h=e=>{var t,a,l,i;b?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,i=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(i-k[1]+D[1]),l=Math.round(e*RESOLUTION),W(l,e)):t.includes("bottom")?(l=Math.round(k[1]-i+D[1]),e=Math.round(l*RESOLUTION),W(e,l)):t.includes("left")?(i=Math.round(a-k[0]+D[0]),e=Math.round(i/RESOLUTION),W(i,e)):t.includes("right")&&(l=Math.round(k[0]-a+D[0]),i=Math.round(l/RESOLUTION),W(l,i))))};return H?(e=React.useMemo(()=>{let t=[{label:"All lessons",color:"dark"}];return p?.length&&p.forEach(e=>{t.push({label:e.name,color:"dark"})}),t.push({label:"Trailer",color:"dark"}),t},[p]),React__default.default.createElement(Wrapper,{$orientation:o},React__default.default.createElement(InnerWrapper,{$orientation:o,$playable:a||v},"vertical"===o&&React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===D[0],onDrag:t?e=>{var t,a,l,i;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=P+(t-k[0]),l=$+(e-k[1]),b?.current&&(i=b.current.getBoundingClientRect(),a&&16<=a&&a<=g.innerWidth-16-i.width&&X(a),l)&&16<=l&&l<=g.innerHeight-16-i.height&&Y(l),z([t,e]))}:void 0,onMouseDown:e=>{z([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:b,style:t?{bottom:$,height:N,right:P,width:O}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),r&&r(!1)},size:"large",sx:`
                 display: none;
                 position: absolute;
                 top: 8px;
@@ -8,7 +8,7 @@
                 svg {
                   fill: var(--color-white);
                 }
-              `,type:"text"}),React__default.default.createElement(PipTrigger,{id:"pip-trigger-vertical"}),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(C?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+s,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:C.thumbnail}),progressInterval:4e3,onProgress:j,onStart:L,onClickPreview:i,onReady:()=>{v||0===x?.current?.getCurrentTime()&&0!==C?.progress&&x.current.seekTo(C.progress)},pip:t,playIcon:a||v?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):React__default.default.createElement(lock_circle.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:a,ref:x,url:C.src,width:"100%",volume:V,onVolumeChange:e=>{U(e.target.volume)}}),t&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Resizer,{className:"top horizontal",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>D([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"bottom horizontal",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>D([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"right vertical",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>D([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"left vertical",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>D([0,0]),tabIndex:0}))),"horizontal"===o&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:R},React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:y,onChange:e=>w(e),items:e,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:R,orientation:o,toggleShowingAll:m})),[React__default.default.createElement(HorizontalPlaylistWrapper,{ref:d,$showingAll:R},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:I,key:t.id,ref:e=>{_.current[t.id]=e},playlistItemId:t.id,duration:t.duration,onClick:()=>{H(e),P(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!p?.length&&React__default.default.createElement(React__default.default.Fragment,null,p.map(e=>React__default.default.createElement(React__default.default.Fragment,{key:e.id},React__default.default.createElement(misc.LeaderListItem,{title:s,additionalMedia:e,handleSetPlayingTrailer:E})))),!!u&&React__default.default.createElement(misc.TrailerListItem,{title:s,handleSetPlayingTrailer:E,trailer:u})][y])),"vertical"===o&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:R?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:R},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:y,onChange:e=>w(e),items:e,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:R,orientation:o,toggleShowingAll:m})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:d,$showingAll:R},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:I,playlistItemId:t.id,duration:t.duration,key:t.id,ref:e=>{_.current[t.id]=e},onClick:()=>{H(e),P(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!u&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(misc.TrailerListItem,{title:s,handleSetPlayingTrailer:E,trailer:u}))][y]))))):null},Wrapper=styled.styled.div`
+              `,type:"text"}),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(H?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+s,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:H.thumbnail}),progressInterval:4e3,onProgress:j,onStart:L,onClickPreview:i,onReady:()=>{v||0===x?.current?.getCurrentTime()&&0!==H?.progress&&x.current.seekTo(H.progress)},pip:t,playIcon:a||v?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):React__default.default.createElement(lock_circle.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:a,ref:x,url:H.src,width:"100%",volume:V,onVolumeChange:e=>{U(e.target.volume)}}),t&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Resizer,{className:"top horizontal",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"bottom horizontal",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"right vertical",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"left vertical",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}))),"horizontal"===o&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:R},React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:y,onChange:e=>w(e),items:e,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:R,orientation:o,toggleShowingAll:m})),[React__default.default.createElement(HorizontalPlaylistWrapper,{ref:d,$showingAll:R},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:I,key:t.id,ref:e=>{_.current[t.id]=e},playlistItemId:t.id,duration:t.duration,onClick:()=>{T(e),S(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!p?.length&&React__default.default.createElement(React__default.default.Fragment,null,p.map(e=>React__default.default.createElement(React__default.default.Fragment,{key:e.id},React__default.default.createElement(misc.LeaderListItem,{title:s,additionalMedia:e,handleSetPlayingTrailer:E})))),!!u&&React__default.default.createElement(misc.TrailerListItem,{title:s,handleSetPlayingTrailer:E,trailer:u})][y])),"vertical"===o&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:R?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:R},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:y,onChange:e=>w(e),items:e,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:R,orientation:o,toggleShowingAll:m})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:d,$showingAll:R},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:I,playlistItemId:t.id,duration:t.duration,key:t.id,ref:e=>{_.current[t.id]=e},onClick:()=>{T(e),S(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!u&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(misc.TrailerListItem,{title:s,handleSetPlayingTrailer:E,trailer:u}))][y]))))):null},Wrapper=styled.styled.div`
   display: flex;
   justify-content: center;
   background-color: var(--color-grey-0);
@@ -46,11 +46,6 @@
       &:hover .close-pip {
         display: flex;
       }`:""}
-`,PipTrigger=styled.styled.div`
-  height: 1px;
-  width: 100%;
-  pointer-events: none;
-  background: transparent;
 `,ClosePip=styled.styled.div`
   width: 100%;
   height: 100%;

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;\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:`
+"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:`
                   justify-content: center; 
                   background-color: var(--color-primary-blue-2);
                   align-items: center;  

package/package.json

@@ -1,113 +1,113 @@
-{
-  "name": "@soul-refiner/design-system",
-  "version": "2.11.11-alpha.0",
-  "main": "dist/index.js",
-  "types": "dist/src/index.d.ts",
-  "license": "MIT",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
-  "include": [
-    "/dist"
-  ],
-  "files": [
-    "dist/**/*"
-  ],
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/index.js"
-      }
-    }
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.1.0",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addon-themes": "^7.2.3",
-    "@storybook/addons": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/nextjs": "~7.5.3",
-    "@storybook/preview-api": "^7.6.13",
-    "@storybook/react": "~7.2.1",
-    "@storybook/testing-library": "~0.2.0",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "18.2.0",
-    "@types/react-show-more-text": "^1.4.5",
-    "@types/styled-components": "~5.1.26",
-    "chromatic": "~6.17.4",
-    "husky": "~8.0.0",
-    "prettier": "~2.8.8",
-    "pretty-quick": "~3.1.3",
-    "prop-types": "~15.8.1",
-    "rollup": "^4.12.0",
-    "rollup-plugin-node-externals": "^7.0.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "rollup-plugin-uglify": "^6.0.4",
-    "storybook": "~7.5.3",
-    "tailwindcss": "^3.4.1",
-    "tsc-alias": "^1.8.8",
-    "tsconfig-paths-webpack-plugin": "~4.0.1",
-    "tslib": "^2.6.2",
-    "typescript": "~5.0.4",
-    "webpack": "~5.89.0"
-  },
-  "scripts": {
-    "build": "yarn rollup --config",
-    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
-    "format": "prettier --write .",
-    "storybook": "yarn build:tailwind && storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@emoji-mart/react": "~1.1.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.13",
-    "@mui/x-date-pickers": "^6.19.6",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@udecode/cn": "~29.0.1",
-    "@udecode/plate": "^30.6.1",
-    "@udecode/react-utils": "^29.0.1",
-    "class-variance-authority": "~0.7.0",
-    "date-fns": "^3.4.0",
-    "emoji-mart": "~5.5.2",
-    "lucide-react": "~0.307.0",
-    "next": "~13.5",
-    "react": "18.2.0",
-    "react-dnd": "~16.0.1",
-    "react-dnd-html5-backend": "~16.0.1",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-is": "~18.2.0",
-    "react-player": "~2.13.0",
-    "react-show-more-text": "^1.7.1",
-    "react-tooltip": "~5.18.0",
-    "scheduler": "~0.23.0",
-    "slate": "~0.101.5",
-    "slate-history": "~0.100.0",
-    "slate-hyperscript": "~0.100.0",
-    "slate-react": "~0.101.5",
-    "styled-components": "~6.1.13",
-    "tailwind-merge": "~2.2.0",
-    "tailwindcss-animate": "~1.0.7"
-  },
-  "peerDependencies": {
-    "next": "~13.5",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-player": "~2.13.0",
-    "styled-components": "6.1.8"
-  }
-}
+{
+  "name": "@soul-refiner/design-system",
+  "version": "2.11.11",
+  "main": "dist/index.js",
+  "types": "dist/src/index.d.ts",
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "include": [
+    "/dist"
+  ],
+  "files": [
+    "dist/**/*"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-themes": "^7.2.3",
+    "@storybook/addons": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/nextjs": "~7.5.3",
+    "@storybook/preview-api": "^7.6.13",
+    "@storybook/react": "~7.2.1",
+    "@storybook/testing-library": "~0.2.0",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "18.2.0",
+    "@types/react-show-more-text": "^1.4.5",
+    "@types/styled-components": "~5.1.26",
+    "chromatic": "~6.17.4",
+    "husky": "~8.0.0",
+    "prettier": "~2.8.8",
+    "pretty-quick": "~3.1.3",
+    "prop-types": "~15.8.1",
+    "rollup": "^4.12.0",
+    "rollup-plugin-node-externals": "^7.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-uglify": "^6.0.4",
+    "storybook": "~7.5.3",
+    "tailwindcss": "^3.4.1",
+    "tsc-alias": "^1.8.8",
+    "tsconfig-paths-webpack-plugin": "~4.0.1",
+    "tslib": "^2.6.2",
+    "typescript": "~5.0.4",
+    "webpack": "~5.89.0"
+  },
+  "scripts": {
+    "build": "yarn rollup --config",
+    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
+    "format": "prettier --write .",
+    "storybook": "yarn build:tailwind && storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@emoji-mart/react": "~1.1.1",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.13",
+    "@mui/x-date-pickers": "^6.19.6",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@udecode/cn": "~29.0.1",
+    "@udecode/plate": "^30.6.1",
+    "@udecode/react-utils": "^29.0.1",
+    "class-variance-authority": "~0.7.0",
+    "date-fns": "^3.4.0",
+    "emoji-mart": "~5.5.2",
+    "lucide-react": "~0.307.0",
+    "next": "~13.5",
+    "react": "18.2.0",
+    "react-dnd": "~16.0.1",
+    "react-dnd-html5-backend": "~16.0.1",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-is": "~18.2.0",
+    "react-player": "~2.13.0",
+    "react-show-more-text": "^1.7.1",
+    "react-tooltip": "~5.18.0",
+    "scheduler": "~0.23.0",
+    "slate": "~0.101.5",
+    "slate-history": "~0.100.0",
+    "slate-hyperscript": "~0.100.0",
+    "slate-react": "~0.101.5",
+    "styled-components": "~6.1.13",
+    "tailwind-merge": "~2.2.0",
+    "tailwindcss-animate": "~1.0.7"
+  },
+  "peerDependencies": {
+    "next": "~13.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-player": "~2.13.0",
+    "styled-components": "6.1.8"
+  }
+}

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

@@ -1 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-"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

@@ -1,60 +0,0 @@
-"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

@@ -1,31 +0,0 @@
-"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

@@ -1,32 +0,0 @@
-"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

@@ -1 +0,0 @@
-"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

@@ -1 +0,0 @@
-"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

@@ -1,30 +0,0 @@
-"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;