@soul-refiner/design-system 2.12.1 → 2.13.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/custom_emoji_data.json.js +1 -0
- package/dist/components/card/person/person.js +23 -1
- package/dist/components/custom/help_center/help_center-auth.js +1 -0
- package/dist/components/custom/help_center/help_center-customModal.js +7 -0
- package/dist/components/custom/help_center/help_center-defaultArticle.js +60 -0
- package/dist/components/custom/help_center/help_center-editable-content.js +31 -0
- package/dist/components/custom/help_center/help_center-mainPage.js +32 -0
- package/dist/components/custom/help_center/help_center-sidebar.js +1 -0
- package/dist/components/custom/help_center/help_center.js +1 -0
- package/dist/components/custom/help_center/help_center_articlle-list.js +30 -0
- package/dist/components/custom/help_center/help_center_categoryList.js +55 -0
- package/dist/components/custom/help_center/help_center_dataStore.js +1 -0
- package/dist/components/custom/help_center/help_center_layout.js +64 -0
- package/dist/components/custom/help_center/help_center_sub-category.js +27 -0
- package/dist/components/custom/help_center/types.js +1 -0
- package/dist/components/feedback/emojiPicker/constants.js +1 -0
- package/dist/components/feedback/emojiPicker/emoji-picker.js +84 -0
- package/dist/components/feedback/emojiPicker/emoji-reactions.js +17 -0
- package/dist/components/feedback/emojiPicker/sparkle-reaction.js +5 -0
- package/dist/components/feedback/emojiPicker/utils.js +1 -0
- package/dist/components/iconography/icon/icon.js +1 -1
- package/dist/components/input/responsive-text_area/responsive_text_area.js +4 -0
- package/dist/components/input/text_area/text_area.js +9 -1
- package/dist/components/media/audio-player/audio-player.js +1 -1
- package/dist/components/media/audio-player/progress-bar.js +4 -0
- package/dist/components/media/audio-playlist/playing_indicator.js +28 -0
- package/dist/components/media/audio-playlist/playlist-item.js +1 -1
- package/dist/components/media/video-player/playlist-item.js +2 -2
- package/dist/components/media/video-player/video.js +2 -2
- package/dist/components/surfaces/comment/comment.js +14 -5
- package/dist/components/surfaces/discuss_post/discuss_post.js +6 -6
- package/dist/components/surfaces/post/post.js +8 -4
- package/dist/emojis/64-2Q7F4PKG.png +0 -0
- package/dist/icons/time/hourglass.js +1 -0
- package/dist/index.js +1 -1
- package/dist/src/components/card/person/person.d.ts +4 -2
- package/dist/src/components/custom/help_center/help_center-auth.d.ts +7 -0
- package/dist/src/components/custom/help_center/help_center-customModal.d.ts +4 -0
- package/dist/src/components/custom/help_center/help_center-defaultArticle.d.ts +15 -0
- package/dist/src/components/custom/help_center/help_center-editable-content.d.ts +7 -0
- package/dist/src/components/custom/help_center/help_center-mainPage.d.ts +3 -0
- package/dist/src/components/custom/help_center/help_center-sidebar.d.ts +3 -0
- package/dist/src/components/custom/help_center/help_center.d.ts +13 -0
- package/dist/src/components/custom/help_center/help_center_articlle-list.d.ts +7 -0
- package/dist/src/components/custom/help_center/help_center_categoryList.d.ts +6 -0
- package/dist/src/components/custom/help_center/help_center_dataStore.d.ts +4 -0
- package/dist/src/components/custom/help_center/help_center_layout.d.ts +3 -0
- package/dist/src/components/custom/help_center/help_center_seedData.d.ts +2 -0
- package/dist/src/components/custom/help_center/help_center_sub-category.d.ts +7 -0
- package/dist/src/components/custom/help_center/index.d.ts +1 -0
- package/dist/src/components/custom/help_center/types.d.ts +124 -0
- package/dist/src/components/feedback/emojiPicker/constants.d.ts +17 -0
- package/dist/src/components/feedback/emojiPicker/emoji-picker.d.ts +8 -0
- package/dist/src/components/feedback/emojiPicker/emoji-reactions.d.ts +12 -0
- package/dist/src/components/feedback/emojiPicker/grid-mapper.d.ts +2 -0
- package/dist/src/components/feedback/emojiPicker/index.d.ts +3 -0
- package/dist/src/components/feedback/emojiPicker/sparkle-reaction.d.ts +4 -0
- package/dist/src/components/feedback/emojiPicker/types.d.ts +37 -0
- package/dist/src/components/feedback/emojiPicker/utils.d.ts +3 -0
- package/dist/src/components/feedback/index.d.ts +2 -0
- package/dist/src/components/iconography/EmojiPicker/Reaction.d.ts +9 -0
- package/dist/src/components/iconography/EmojiPicker/emoji-picker.d.ts +18 -0
- package/dist/src/components/iconography/EmojiPicker/grid-mapper.d.ts +2 -0
- package/dist/src/components/iconography/icon/icon.d.ts +2 -1
- package/dist/src/components/media/audio-player/progress-bar.d.ts +14 -0
- package/dist/src/components/media/audio-playlist/playing_indicator.d.ts +4 -0
- package/dist/src/components/media/index.d.ts +1 -0
- package/dist/src/components/surfaces/comment/comment.d.ts +2 -1
- package/dist/src/components/surfaces/post/post.d.ts +5 -1
- package/dist/src/emoji/sparkle-emoji.d.ts +15 -0
- package/dist/src/emoji/sprite-emoji.d.ts +9 -0
- package/dist/src/hooks/useSparkle.d.ts +12 -0
- package/dist/src/icons/time/hourglass.d.ts +3 -0
- package/dist/src/styles/globals.css +1 -1
- package/dist/src/utils/debounce.d.ts +1 -0
- package/dist/styles/output.css +1911 -0
- package/package.json +6 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),seconds_to_duration=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock=require("../../../icons/security/lock.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),tooltip=(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("../../feedback/tooltip/tooltip.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../feedback/animated_toast/animated_toast.js");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PlaylistItem=React__default.default.forwardRef(({comingSoon:e,duration:t,onClick:a,playable:
|
|
1
|
+
"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),seconds_to_duration=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock=require("../../../icons/security/lock.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),tooltip=(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("../../feedback/tooltip/tooltip.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PlaylistItem=React__default.default.forwardRef(({comingSoon:e,duration:t,onClick:a,playable:r,progress:o=0,shortDescription:l,thumbnail:i,nowplaying:n,playlistItemId:s,title:c},d)=>React__default.default.createElement(Wrapper,{ref:d,onClick:r&&!e?a:void 0,$playable:r,$playlistItemId:s,$nowplaying:n},r?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):React__default.default.createElement(lock.Lock,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}),React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+c,height:75,quality:100,src:i,width:133}),o&&t&&!e?React__default.default.createElement(ProgressBar,{progressPercent:o/t}):null,React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:`
|
|
2
2
|
margin-left: 16px;
|
|
3
3
|
margin-right: auto;
|
|
4
4
|
flex: 0 1 auto;
|
|
5
5
|
flex-basis: content;
|
|
6
6
|
max-width: 280px;
|
|
7
|
-
`},React__default.default.createElement(paragraph.P,{$color:"grey-10",$semiBold:!0},
|
|
7
|
+
`},React__default.default.createElement(paragraph.P,{$color:"grey-10",$semiBold:!0},c),React__default.default.createElement(box.Box,{$gap:4,$align:"flex-end"},l&&React__default.default.createElement(paragraph.P,{$color:"grey-9",$fontSize:14,$lineHeight:20,$textClampLines:2,sx:"max-width: min(500px, 100%);"},l),l&&70<l?.length&&React__default.default.createElement(box.Box,{$justify:"flex-start",sx:"div{ text-align: left !important; z-index: 99; } .opaque { opacity: 1 !important;} margin-right: 16px; "},React__default.default.createElement(tooltip.Tooltip,{content:l,place:"left"},React__default.default.createElement(paragraph.P,{$fontSize:14,$color:"white"},"More"))))),t&&!e&&React__default.default.createElement(paragraph.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;"},React__default.default.createElement(seconds_to_duration.SecToDuration,{seconds:t})),e&&React__default.default.createElement(paragraph.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;"},"Coming soon"))),Wrapper=styled.styled.div`
|
|
8
8
|
width: 100%;
|
|
9
9
|
flex: 0 1 auto;
|
|
10
10
|
padding: 6px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"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:j,onPipChange:i,onProgress:L,onStart:M,orientation:r,setMediaItem:
|
|
2
|
+
"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:j,onPipChange:i,onProgress:L,onStart:M,orientation:r,setMediaItem:N,onShowAllPlaylist:o,forwardedRef:n,subtitle:d,title:c,trailer:s,additionalMedia:u})=>{const p="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var g=p.innerHeight/3,f=RESOLUTION*(p.innerHeight/3),h=React__default.default.useRef(null);const m=n||h,x=React__default.default.useRef({});n=React__default.default.useRef(null);const _=React__default.default.useRef(null),[b,y]=React__default.default.useState(0),[w,q]=React__default.default.useState(!1),[v,R]=React__default.default.useState(!a),[E,I]=React__default.default.useState(l?.[e].id||null),[A,O]=localStorage.useLocalStorage("videoPipHeight",g),[B,V]=localStorage.useLocalStorage("videoPipWidth",f),[U,X]=localStorage.useLocalStorage("video-volume",1),[S,Y]=localStorage.useLocalStorage("videoPipRight",16),[P,G]=localStorage.useLocalStorage("videoPipBottom",16),[$,k]=React__default.default.useState([0,0]),[z,D]=React__default.default.useState([0,0]),C=v?s:l?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=x.current[E];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&E&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,E]);const H=e=>{R(!1),N(e)};h=()=>{q(e=>!e),o&&o(!w)};const T=(e,t)=>{var a;!_?.current||(a=_.current.getBoundingClientRect()).x<16||a.y<16||e>=2*p.innerWidth/3||t>=2*p.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(V(e),O(t))};g=()=>{var e;_?.current&&(e=_.current.getBoundingClientRect(),D([e.width,e.height]))},f=e=>{var t,a,l,i;_?.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-$[1]+z[1]),l=Math.round(e*RESOLUTION),T(l,e)):t.includes("bottom")?(l=Math.round($[1]-i+z[1]),e=Math.round(l*RESOLUTION),T(e,l)):t.includes("left")?(i=Math.round(a-$[0]+z[0]),e=Math.round(i/RESOLUTION),T(i,e)):t.includes("right")&&(l=Math.round($[0]-a+z[0]),i=Math.round(l/RESOLUTION),T(l,i))))};if(!C)return null;const W=React.useMemo(()=>{let t=[{label:"All lessons",color:"dark"}];return u?.length&&u.forEach(e=>{t.push({label:e.name,color:"dark"})}),t.push({label:"Trailer",color:"dark"}),t},[u]);var e=b===W.length-1,F=u&&0<b&&b<W.length-1;return React__default.default.useEffect(()=>{b>=W.length&&y(0)},[W,b]),React__default.default.createElement(Wrapper,{$orientation:r},React__default.default.createElement(InnerWrapper,{$orientation:r,$playable:a||v},"vertical"===r&&React__default.default.createElement(box.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},c),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},d)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===z[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-$[0]),l=P+(e-$[1]),_?.current&&(i=_.current.getBoundingClientRect(),a&&16<=a&&a<=p.innerWidth-16-i.width&&Y(a),l)&&16<=l&&l<=p.innerHeight-16-i.height&&G(l),k([t,e]))}:void 0,onMouseDown:e=>{k([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:_,style:t?{bottom:P,height:A,right:S,width:B}: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(),i&&i(!1)},size:"large",sx:`
|
|
3
3
|
display: none;
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: 8px;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
svg {
|
|
9
9
|
fill: var(--color-white);
|
|
10
10
|
}
|
|
11
|
-
`,type:"text"}),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 "+c,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:C.thumbnail}),progressInterval:4e3,onProgress:L,onStart:M,onClickPreview:j,onReady:()=>{
|
|
11
|
+
`,type:"text"}),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 "+c,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:C.thumbnail}),progressInterval:4e3,onProgress:L,onStart:M,onClickPreview:j,onReady:()=>{v||0===m?.current?.getCurrentTime()&&0!==C?.progress&&m.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:m,url:C.src,width:"100%",volume:U,onVolumeChange:e=>{X(e.target.volume)}}),t&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Resizer,{className:"top horizontal",draggable:"false",onDrag:f,onMouseDown:g,onDragEnd:()=>D([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"bottom horizontal",draggable:"false",onDrag:f,onMouseDown:g,onDragEnd:()=>D([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"right vertical",draggable:"false",onDrag:f,onMouseDown:g,onDragEnd:()=>D([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"left vertical",draggable:"false",onDrag:f,onMouseDown:g,onDragEnd:()=>D([0,0]),tabIndex:0}))),"horizontal"===r&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:w},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},c),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},d)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:b,onChange:e=>y(e),items:W,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:w,orientation:r,toggleShowingAll:h})),0===b?React__default.default.createElement(HorizontalPlaylistWrapper,{ref:n,$showingAll:w},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{key:t.id,playlistItemId:t.id,onClick:()=>{H(e),I(t.id)},title:t.title,thumbnail:t.thumbnail,shortDescription:t.shortDescription,duration:t.duration,progress:t.progress,playable:a,nowplaying:E,comingSoon:t.comingSoon,ref:e=>{x.current[t.id]=e}}))):F?u?.[b-1]?.media.map(e=>React__default.default.createElement(misc.LeaderListItem,{key:e.id,title:e.title,additionalMedia:e,handleSetPlayingTrailer:R})):e&&s?React__default.default.createElement(misc.TrailerListItem,{title:c,handleSetPlayingTrailer:R,trailer:s}):null)),"vertical"===r&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:w?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:w},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:b,onChange:e=>y(e),items:W,size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:w,orientation:r,toggleShowingAll:h})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:n,$showingAll:w},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:E,playlistItemId:t.id,duration:t.duration,key:t.id,ref:e=>{x.current[t.id]=e},onClick:()=>{H(e),I(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!s&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(misc.TrailerListItem,{title:c,handleSetPlayingTrailer:R,trailer:s}))][b]))))},Wrapper=styled.styled.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
justify-content: center;
|
|
14
14
|
background-color: var(--color-grey-0);
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),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"),emojiPicker=(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/typography/display.js"),require("../../atoms/typography/heading.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("../../feedback/emojiPicker/emoji-picker.js")),emojiReactions=require("../../feedback/emojiPicker/emoji-reactions.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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"),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-playlist/audio-playlist.js"),require("../../media/audio-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../media/audio-playlist/playing_indicator.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../accordion/accordion.js"),require("../carousel/card/card.js"),require("../discuss_post/discuss_post.js"),require("../drawer/drawer.js"),require("../message/message.js"),require("../modal/modal.js"),require("../post/post.js"),require("../calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../../custom/users_selection/users_selection.js"),require("../../custom/courses_selection/courses_selection.js"),require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled),Link__default=_interopDefaultCompat(Link);const MAX_REACTIONS_SHOWN=5,Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:i,onComment:o,onReact:n,onShowReplies:u,onEdit:s,isEditing:d,setIsEditing:c,dropdown:p,reactionModal:f,reactions:_,replies:m,userImageUri:x,userName:g,userReactions:b,visibilityIcon:y,customPlaceHolder:h,userProfileUri:j,sx:R,moveButtonsToLeft:q=!1})=>{const[v,k]=React__default.default.useState(!1),[E,T]=React__default.default.useState({x:0,y:0}),[A,I]=React__default.default.useState("up"),[D,O]=React__default.default.useState(!1),[$,H]=React__default.default.useState(!1),[w,C]=React__default.default.useState(""),[S,W]=React__default.default.useState(a),P=React__default.default.useRef(null),B=React__default.default.Children.toArray(m);React__default.default.useEffect(()=>{d&&P.current&&P.current.focus()},[d]);var m=e=>{e.stopPropagation(),k(e=>!e),T({y:e.clientY,x:e.clientX}),I(400<e.clientY?"up":"down")},L=()=>{u&&u(),H(!0)},r=helpers.abbrTimeBeforeDate(r),_=_&&Object.entries(_).slice(0,MAX_REACTIONS_SHOWN).sort((e,t)=>e[1]<t[1]?1:-1).map(([e,t])=>React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(emojiReactions.EmojiReaction,{key:i+e,emoji:e,isActive:b?.includes(e),onReact:()=>n(e),count:t,showCount:!0}))),z=!!B?.length&&0<B.length,F=z&&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:R,id:"comment-"+i,$moveButtonsToLeft:q},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:j,image:x,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:z||!!l},d?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{W(e.target.value)},value:S,ref:P}):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:j?Link__default.default:"span",href:j,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},g),p),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;"},d?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;
|
|
3
|
+
${!q&&"margin-right: auto;"}
|
|
4
|
+
`}),React__default.default.createElement(button.Button,{onClick:()=>{c&&c(!d),W(a)},sx:`background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2);
|
|
5
|
+
${q?"margin-left: 20px;":"margin-left: auto;"}
|
|
6
|
+
&:hover, &:focus {
|
|
7
|
+
border: none;
|
|
8
|
+
outline: none;
|
|
9
|
+
}
|
|
10
|
+
`,size:"small",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{s&&s(S,i),c&&c(!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)),v&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:A,$top:E.y,$left:E.x},React__default.default.createElement(emojiPicker.CustomEmojiPicker,{open:v,trigger:React__default.default.createElement(React__default.default.Fragment,null),onSelect:({native:e})=>{n(e),k(!1)},onClickOutside:()=>k(!1)}))))),z&&$&&React__default.default.createElement(RepliesWrapper,null,F),!$&&!l&&z&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:L,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:L,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:w,onChange:e=>{C(e.target.value)},placeholder:h||"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},y,React__default.default.createElement(button.Button,{disabled:!w.length,icon:React__default.default.createElement(send_text.SendText,null),onClick:e=>{e.stopPropagation(),e.preventDefault(),o(w),C("")},sx:`
|
|
3
11
|
justify-content: center;
|
|
4
12
|
background-color: var(--color-primary-blue-2);
|
|
5
13
|
align-items: center;
|
|
@@ -24,9 +32,10 @@
|
|
|
24
32
|
flex-direction: row;
|
|
25
33
|
align-items: flex-start;
|
|
26
34
|
gap: 12px;
|
|
27
|
-
justify-content: space-between;
|
|
28
35
|
position: relative;
|
|
29
36
|
${({$sx:e})=>e||""}
|
|
37
|
+
|
|
38
|
+
${({$moveButtonsToLeft:e})=>e?"justify-content: flex-start;":"justify-content: space-between;"}
|
|
30
39
|
`,ContentWrapper=styled__default.default.div`
|
|
31
40
|
display: flex;
|
|
32
41
|
word-break: break-word;
|
|
@@ -56,7 +65,7 @@
|
|
|
56
65
|
${({$pickerOrientation:e})=>"up"===e?"transform: translateY(-345px);":""}
|
|
57
66
|
top: ${({$top:e})=>e}px;
|
|
58
67
|
left: ${({$left:e})=>e}px;
|
|
59
|
-
`,
|
|
68
|
+
`,RepliesWrapper=(styled__default.default.div`
|
|
60
69
|
${styles.Styles.flex}
|
|
61
70
|
display: flex;
|
|
62
71
|
padding: 2px 6px;
|
|
@@ -66,9 +75,9 @@
|
|
|
66
75
|
background-color: var(--color-primary-blue-4);
|
|
67
76
|
border: 1px solid var(--color-primary-blue-3);
|
|
68
77
|
`:""}
|
|
69
|
-
`,
|
|
78
|
+
`,styled__default.default.div`
|
|
70
79
|
padding-top: 12px;
|
|
71
|
-
|
|
80
|
+
`),ReplyWrapper=styled__default.default.div`
|
|
72
81
|
position: relative;
|
|
73
82
|
${({$hasLine:e})=>e?`
|
|
74
83
|
&::before {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Link=require("next/link"),styled=require("styled-components"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),box=require("../../atoms/box/box.js"),hide=require("../../atoms/hide/hide.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),time_ago=require("../../atoms/time_ago/time_ago.js"),paragraph=require("../../atoms/typography/paragraph.js"),avatar=require("../../iconography/avatar/avatar.js"),helpers=require("./helpers.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Link__default=_interopDefaultCompat(Link),styled__default=_interopDefaultCompat(styled);const MAX_REACTIONS_SHOWN=5,DiscussPost=({avatarSx:e,content:t,createdDate:a,editActions:r,editing:l,firstNewPost:
|
|
2
|
+
"use strict";var React=require("react"),Link=require("next/link"),styled=require("styled-components"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),box=require("../../atoms/box/box.js"),hide=require("../../atoms/hide/hide.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),time_ago=require("../../atoms/time_ago/time_ago.js"),paragraph=require("../../atoms/typography/paragraph.js"),avatar=require("../../iconography/avatar/avatar.js"),helpers=require("./helpers.js"),emojiReactions=require("../../feedback/emojiPicker/emoji-reactions.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Link__default=_interopDefaultCompat(Link),styled__default=_interopDefaultCompat(styled);const MAX_REACTIONS_SHOWN=5,DiscussPost=({avatarSx:e,content:t,createdDate:a,editActions:r,editing:l,firstNewPost:o,handleContentChange:i,id:n,onReact:d,popupActions:u,popupSx:c,reactions:s,reactionModal:p,replyContent:f,replyUserHref:x,replyUserImageUri:_,replyUserName:g,sx:m,userHref:h,userImageUri:R,userName:y,isAdmin:b,userReactions:$})=>{const v=React__default.default.useRef(null),[E,w]=React__default.default.useState(!1);React__default.default.useEffect(()=>{v.current&&(v.current.value=t)},[t]),React__default.default.useEffect(()=>{v?.current&&v.current.value!==t&&i&&i(v.current.value)},[E]);var k=React__default.default.useMemo(()=>helpers.isSameDay(new Date,new Date(a))?React__default.default.createElement(time_ago.TimeAgo,{date:a}):new Intl.DateTimeFormat("en-US",{minute:"numeric",hour:"numeric",day:"numeric",month:"long",year:"numeric"}).format(a),[a]),j=React__default.default.useMemo(()=>{if(s){let e=Object.entries(s);return(e=p?e.slice(0,MAX_REACTIONS_SHOWN):e).sort((e,t)=>e[1]<t[1]?1:-1).map(([e,t])=>React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(emojiReactions.EmojiReaction,{key:n+e,emoji:e,isActive:$?.includes(e),onReact:()=>d(e),count:t,showCount:!0})))}},[s,$]);return React__default.default.createElement(Wrapper,{$editing:l,$firstNewPost:o,$sx:m,id:n},React__default.default.createElement(hide.HideButRender,{show:!l&&!!f},React__default.default.createElement(box.Box,{$align:"center",$gap:4,sx:"margin-left: 56px;"},React__default.default.createElement(ReplyMarker,null),React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:x,image:_,size:16,sx:"img { cursor: pointer;}"}),React__default.default.createElement(paragraph.P,{as:Link__default.default,href:x,$color:"primary-blue-2",$fontSize:12,$lineHeight:16,sx:"flex-shrink: 0; text-decoration: none;"},"@",g),React__default.default.createElement(paragraph.P,{sx:"word-break: break-word; white-space: pre-line;",$fontSize:12,$lineHeight:16,$textClampLines:1},f))),React__default.default.createElement(hide.HideButRender,{show:l},React__default.default.createElement(box.Box,{$gap:16,$align:"flex-start",className:"editing"},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:h,image:R,size:40,sx:e}),React__default.default.createElement(box.Box,{$gap:10,sx:`
|
|
3
3
|
flex: 1;
|
|
4
4
|
background-color: var(--color-grey-10);
|
|
5
5
|
border-radius: 8px;
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
min-height: calc(${v?.current?.style?.height||"360px"} + 24px);
|
|
9
9
|
}
|
|
10
|
-
`},React__default.default.createElement(TextAreaElement,{onChange:()=>w(e=>!e),onInput:e=>{e=e.target;e.style.height="48px",e.style.height=Math.max(e.scrollHeight,e.offsetHeight)+"px"},ref:v}),React__default.default.createElement(EditActionsWrapper,null,r)))),React__default.default.createElement(hide.HideButRender,{show:!l},React__default.default.createElement(box.Box,{$gap:16,$align:"flex-start"},React__default.default.createElement(PopupActionsWrapper,{$sx:c,className:"popup-actions"},u),React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:
|
|
10
|
+
`},React__default.default.createElement(TextAreaElement,{onChange:()=>w(e=>!e),onInput:e=>{e=e.target;e.style.height="48px",e.style.height=Math.max(e.scrollHeight,e.offsetHeight)+"px"},ref:v}),React__default.default.createElement(EditActionsWrapper,null,r)))),React__default.default.createElement(hide.HideButRender,{show:!l},React__default.default.createElement(box.Box,{$gap:16,$align:"flex-start"},React__default.default.createElement(PopupActionsWrapper,{$sx:c,className:"popup-actions"},u),React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:h,image:R,size:40,sx:"img { cursor: pointer; }; "+e}),React__default.default.createElement(box.Box,{$gap:4,$dir:"column",sx:"flex: 1;"},React__default.default.createElement(box.Box,{$align:"center",$gap:8,sx:`height: 20px;
|
|
11
11
|
@media screen and (max-width: 400px) {
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
align-items: flex-start;
|
|
14
14
|
height: 40px;
|
|
15
15
|
gap: 0px;
|
|
16
|
-
}`},React__default.default.createElement(paragraph.P,{$bold:!0,$color:b?"special-orange-1":"primary-blue-2",$fontSize:14,$lineHeight:20,as:
|
|
16
|
+
}`},React__default.default.createElement(paragraph.P,{$bold:!0,$color:b?"special-orange-1":"primary-blue-2",$fontSize:14,$lineHeight:20,as:h?Link__default.default:"span",href:h},y),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:10,$lineHeight:14},k)),React__default.default.createElement(paragraph.P,{$fontSize:14,$lineHeight:20,sx:"white-space: pre-line; word-break: break-word;"},React__default.default.createElement(highlighter.Highlighter,{highlightRender:e=>React__default.default.createElement(paragraph.P,{as:"span",$color:"primary-blue-2",sx:"font-size: inherit; line-height: inherit;"},React__default.default.createElement(Link__default.default,{href:e,target:"_blank"},e)),seperator:regex.URL_REGEX,text:t})),React__default.default.createElement(box.Box,{$display:"flex",$flow:"row wrap",$gap:6,sx:"margin-left: auto;"},j,p)))))},Wrapper=styled__default.default.div`
|
|
17
17
|
position: relative;
|
|
18
18
|
padding: 12px 16px;
|
|
19
19
|
display: flex;
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
border-left: 2px solid var(--color-grey-9);
|
|
91
91
|
border-top: 2px solid var(--color-grey-9);
|
|
92
92
|
border-radius: 6px 0px 0px 0px;
|
|
93
|
-
`,
|
|
93
|
+
`,PopupActionsWrapper=(styled__default.default.div`
|
|
94
94
|
${styles.Styles.flex}
|
|
95
95
|
display: flex;
|
|
96
96
|
padding: 2px 6px;
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
background-color: var(--color-primary-blue-4);
|
|
101
101
|
border: 1px solid var(--color-primary-blue-3);
|
|
102
102
|
`:""}
|
|
103
|
-
`,
|
|
103
|
+
`,styled__default.default.div`
|
|
104
104
|
position: absolute;
|
|
105
105
|
top: -16px;
|
|
106
106
|
right: 16px;
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
border: 1px solid var(--color-grey-9);
|
|
112
112
|
box-shadow: var(--elevation-1);
|
|
113
113
|
${({$sx:e})=>e||""}
|
|
114
|
-
|
|
114
|
+
`),EditActionsWrapper=styled__default.default.div`
|
|
115
115
|
display: flex;
|
|
116
116
|
align-items: center;
|
|
117
117
|
gap: 4px;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Image=require("next/image"),Link=require("next/link"),styled=require("styled-components"),ShowMoreText=require("react-show-more-text"),regex=require("../../../common/regex.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),modal=require("../modal/modal.js"),time_ago=(require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js"),require("../../atoms/time_ago/time_ago.js")),avatar=require("../../iconography/avatar/avatar.js"),lock=require("../../../icons/security/lock.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),Link__default=_interopDefaultCompat(Link),ShowMoreText__default=_interopDefaultCompat(ShowMoreText);const Post=({actions:e,author:t,authorActive:a,authorHref:
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),Link=require("next/link"),styled=require("styled-components"),ShowMoreText=require("react-show-more-text"),regex=require("../../../common/regex.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),modal=require("../modal/modal.js"),time_ago=(require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js"),require("../../atoms/time_ago/time_ago.js")),avatar=require("../../iconography/avatar/avatar.js"),lock=require("../../../icons/security/lock.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),video=require("../../media/video/video.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),Link__default=_interopDefaultCompat(Link),ShowMoreText__default=_interopDefaultCompat(ShowMoreText);const Post=({actions:e,author:t,authorActive:a,authorHref:l,authorImage:r,avatarTooltipContent:i,avatarTooltipSx:o,children:n,content:d,createdDate:u,dropdown:c,hasComments:s,id:f,images:p,isPaidUser:h,isPaywalled:g=!1,link:m,video:_,onJoin:x,monthlyMembershipPrice:y})=>{const v=React__default.default.useId(),w=React__default.default.useRef(null),[R,b]=React__default.default.useState(-1),[E,$]=React__default.default.useState(-1),[k,C]=React__default.default.useState({x:"30vw",y:"30vh"});var j=!!_?.url&&!!_?.thumbnail,e=(React__default.default.useEffect(()=>{w.current&&b(w.current.offsetHeight?w.current.offsetHeight/24:-1)},[]),React__default.default.useEffect(()=>{const e=e=>{"ArrowLeft"===e.key?W():"ArrowRight"===e.key?q():"Escape"!==e.key&&"Enter"!==e.key||$(-1)};return"undefined"!=typeof document&&p?.length&&-1<E&&document.addEventListener("keydown",e),()=>{p?.length&&document.removeEventListener("keydown",e)}},[]),React__default.default.Children.toArray(e)),n=React__default.default.Children.toArray(n);const q=()=>{$(e=>p?.length&&e!==p.length-1?e+1:e)},W=()=>{$(e=>p?.length&&0!==e?e-1:e)};return React__default.default.createElement(Wrapper,{id:f},-1<E&&!!p?.[E]&&React__default.default.createElement(modal.Modal,{alwaysRender:!1,controlledOpen:!0,onChange:e=>!e&&$(-1)},React__default.default.createElement(modal.Modal.Content,{sx:`
|
|
3
3
|
position: relative;
|
|
4
|
-
height: ${
|
|
5
|
-
width: ${
|
|
4
|
+
height: ${k.y};
|
|
5
|
+
width: ${k.x};
|
|
6
6
|
margin: 0 auto;
|
|
7
|
-
`},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==
|
|
7
|
+
`},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==E,onClick:W},React__default.default.createElement(chevron_left.ChevronLeft,{color:"white",size:48})),React__default.default.createElement(Image__default.default,{alt:"",fill:!0,quality:100,onLoad:e=>{var{naturalHeight:e,naturalWidth:t}=e.target;let a=t+"px",l=e+"px";window?.innerHeight<e&&window?.innerWidth<t?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l=Math.round(.95*window.innerWidth*e/t)+"px"):window?.innerHeight<e?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l="95vh"):window?.innerWidth<t&&(a="95vw",l=Math.round(.95*window.innerWidth*e/t)+"px"),C({x:a,y:l})},draggable:!1,priority:!0,sizes:"100vw",src:p[E],style:{objectFit:"cover"}}),React__default.default.createElement(NavArrow,{$side:"right",$visible:E!==p.length-1,onClick:q},React__default.default.createElement(chevron_right.ChevronRight,{color:"white",size:48})))),React__default.default.createElement(Header,null,React__default.default.createElement(avatar.Avatar,{isPaidUser:h,as:l?Link__default.default:"button",href:l,image:r,size:64,status:a?"online":void 0,subtitle:React__default.default.createElement(paragraph.P,{as:"span",sx:"vertical-align: top;",$fontSize:14,$lineHeight:20},React__default.default.createElement(time_ago.TimeAgo,{date:new Date(u)})),title:React__default.default.createElement(heading.H,{as:l?Link__default.default:"span",href:l,sx:"text-decoration:none;",$bold:!0,$fontSize:18,$lineHeight:26},t),textPosition:"right",tooltipContent:i,tooltipSx:o,sx:l?"img { cursor: pointer; }":void 0}),c),!!d?.length&&React__default.default.createElement("div",{style:{padding:"16px 24px"}},g&&1<R?React__default.default.createElement(ShowMoreText__default.default,{lines:2,more:"Continue Reading",onClick:x,anchorClass:"see-more",expanded:!1,truncatedEndingComponent:"... "},React__default.default.createElement(paragraph.P,{$sx:"white-space: pre-line; word-break: break-word;",$textClampLines:2},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:d}))):React__default.default.createElement(paragraph.P,{$sx:"white-space: pre-line; word-break: break-word;",innerRef:w},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:g&&1===R?"This is a premium post. Join to the membership to unlock the full access.":d})),g&&!p?.length&&React__default.default.createElement(JoinNow,{onClick:x},React__default.default.createElement(paragraph.P,{$fontSize:14,$mediumBold:!0},"Join now for $",y," per month"))),g&&!!p?.length&&!j&&React__default.default.createElement(BlurredContentWrapper,null,React__default.default.createElement(Image__default.default,{alt:"",width:650,height:427,priority:!0,quality:100,src:p[0],style:{objectFit:"fill",height:"100%",width:"100%",filter:"blur(60px)",position:"absolute",top:0,left:"50%",transform:"translateX(-50%)"}}),React__default.default.createElement(lock.Lock,{size:40,color:"white",sx:"z-index: 1"}),React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",zIndex:1}},React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20},"Become a member"),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20},"to unlock this post")),React__default.default.createElement(JoinNow,{onClick:x,style:{zIndex:1,marginTop:0}},React__default.default.createElement(paragraph.P,{$fontSize:14,$mediumBold:!0},"Join now for $",y," per month"))),!!p?.length&&!j&&!g&&React__default.default.createElement(ImagesWrapper,{$numImages:p.length},p.slice(0,4).map((e,t)=>React__default.default.createElement(ImageWrapper,{key:""+v+e.slice(0,15)+t},React__default.default.createElement(Image__default.default,{alt:"",fill:!0,onClick:()=>$(t),quality:100,src:e,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}}))),4<p.length&&React__default.default.createElement(heading.H,{as:"p",className:"more-than",sx:"pointer-events: none;",$color:"grey-10",$fontSize:28,$lineHeight:36,$semiBold:!0},"+",p.length-4)),!p?.length&&!j&&m&&!g&&React__default.default.createElement(Link__default.default,{href:m.url,target:"_blank"},React__default.default.createElement(ImageWrapper,null,React__default.default.createElement(Image__default.default,{alt:"",fill:!0,quality:100,src:m.imageUrl,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}})),React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"padding: 8px 16px;"},React__default.default.createElement(paragraph.P,{$color:"grey-2",$semiBold:!0},m.title),React__default.default.createElement(paragraph.P,{$color:"grey-5"},m.description))),j&&React__default.default.createElement(VideoWrapper,null,React__default.default.createElement(video.Video,{src:_.url,thumbnail:_.thumbnail,subtitles:[]})),!!e.length&&React__default.default.createElement(ActionsWrapper,null,!g&&e),s&&!!n.length&&React__default.default.createElement(CommentWrapper,null,n))},Wrapper=styled.styled.div`
|
|
8
8
|
position: relative;
|
|
9
9
|
max-width: 700px;
|
|
10
10
|
width: 100%;
|
|
@@ -78,6 +78,10 @@
|
|
|
78
78
|
height: 100%;
|
|
79
79
|
pointer-events: none;
|
|
80
80
|
}
|
|
81
|
+
`,VideoWrapper=styled.styled.div`
|
|
82
|
+
position: relative;
|
|
83
|
+
width: 100%;
|
|
84
|
+
height: 427px;
|
|
81
85
|
`,BlurredContentWrapper=styled.styled.div`
|
|
82
86
|
position: relative;
|
|
83
87
|
display: flex;
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var React=require("react"),icon=require("../../components/iconography/icon/icon.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Hourglass=e=>React__default.default.createElement(icon.Icon,{size:20,viewBox:"0 0 20 20",...e},React__default.default.createElement("path",{d:"M5.6877 18.1252H14.3119C15.0854 18.1252 15.7006 17.4889 15.6174 16.7557C15.0803 12.0315 11.8748 12.1096 11.8748 10.0002C11.8748 7.89087 15.1213 8.00806 15.617 3.24478C15.6951 2.51118 15.0854 1.87524 14.3119 1.87524H5.6877C4.91426 1.87524 4.30606 2.51118 4.38262 3.24478C4.87832 8.00806 8.12481 7.85181 8.12481 10.0002C8.12481 12.1487 4.91934 12.0315 4.38262 16.7557C4.29903 17.4889 4.91426 18.1252 5.6877 18.1252Z",stroke:"#FAC70A",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),React__default.default.createElement("path",{d:"M13.41 16.8752H6.60651C5.99714 16.8752 5.82526 16.1721 6.25261 15.7362C7.28698 14.6877 9.37487 13.937 9.37487 12.7346V8.75024C9.37487 7.97485 7.8905 7.38306 6.97214 6.12524C6.82058 5.91782 6.83581 5.62524 7.22097 5.62524H12.7964C13.1249 5.62524 13.196 5.91548 13.0464 6.12329C12.1413 7.38306 10.6249 7.97095 10.6249 8.75024V12.7346C10.6249 13.9272 12.801 14.5706 13.7655 15.7374C14.1542 16.2077 14.0182 16.8752 13.41 16.8752Z",fill:"#FAC70A"}));exports.Hourglass=Hourglass;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var button=require("./components/actions/button/button.js"),dropdown=require("./components/actions/dropdown/dropdown.js"),rate=require("./components/actions/rate/rate.js"),_switch=require("./components/actions/switch/switch.js"),toggle=require("./components/actions/toggle/toggle.js"),upload=require("./components/actions/upload/upload.js"),box=require("./components/atoms/box/box.js"),hide=require("./components/atoms/hide/hide.js"),highlighter=require("./components/atoms/highlighter/highlighter.js"),seconds_to_duration=require("./components/atoms/seconds_to_duration/seconds_to_duration.js"),display=require("./components/atoms/typography/display.js"),heading=require("./components/atoms/typography/heading.js"),paragraph=require("./components/atoms/typography/paragraph.js"),typography=require("./components/atoms/typography/typography.js"),time_ago=require("./components/atoms/time_ago/time_ago.js"),card=require("./components/card/card.js"),editor=require("./components/editor/editor.js"),simple_editor=require("./components/editor/simple_editor/simple_editor.js"),badge=require("./components/feedback/badge/badge.js"),banner=require("./components/feedback/banner/banner.js"),loader=require("./components/feedback/loader/loader.js"),notification=require("./components/feedback/notification/notification.js"),progress=require("./components/feedback/progress/progress.js"),toast=require("./components/feedback/toast/toast.js"),tooltip=require("./components/feedback/tooltip/tooltip.js"),animated_toast=require("./components/feedback/animated_toast/animated_toast.js"),avatar=require("./components/iconography/avatar/avatar.js"),icon=require("./components/iconography/icon/icon.js"),checkbox=require("./components/input/checkbox/checkbox.js"),date=require("./components/input/date/date.js"),filter=require("./components/input/filter/filter.js"),radio=require("./components/input/radio/radio.js"),search=require("./components/input/search/search.js"),select=require("./components/input/select/select.js"),text_area=require("./components/input/text_area/text_area.js"),text_input=require("./components/input/text_input/text_input.js"),calendar=require("./components/input/calendar/calendar.js"),time=require("./components/input/time/time.js"),time_input=require("./components/input/time_input/time_input.js"),audioPlayer=require("./components/media/audio-player/audio-player.js"),audioPlaylist=require("./components/media/audio-playlist/audio-playlist.js"),audioPreview=require("./components/media/audio-preview/audio-preview.js"),video=require("./components/media/video/video.js"),video$1=require("./components/media/video-player/video.js"),breadcrumb=require("./components/navigation/breadcrumb/breadcrumb.js"),inner=require("./components/navigation/inner/inner.js"),tabs=require("./components/navigation/tabs/tabs.js"),accordion=require("./components/surfaces/accordion/accordion.js"),card$1=require("./components/surfaces/carousel/card/card.js"),comment=require("./components/surfaces/comment/comment.js"),discuss_post=require("./components/surfaces/discuss_post/discuss_post.js"),drawer=require("./components/surfaces/drawer/drawer.js"),message=require("./components/surfaces/message/message.js"),modal=require("./components/surfaces/modal/modal.js"),portal=require("./components/surfaces/portal/portal.js"),post=require("./components/surfaces/post/post.js"),calendar_date=require("./components/surfaces/calendar_date/calendar_date.js"),table=require("./components/table/table/table.js"),users_selection=require("./components/custom/users_selection/users_selection.js"),courses_selection=require("./components/custom/courses_selection/courses_selection.js"),index=require("./icons/index.js"),emojis=require("./emoji/emojis.json.js");exports.Button=button.Button,exports.Dropdown=dropdown.Dropdown,exports.Rate=rate.Rate,exports.Switch=_switch.Switch,exports.Toggle=toggle.Toggle,exports.Upload=upload.Upload,exports.Box=box.Box,exports.HideButRender=hide.HideButRender,exports.Highlighter=highlighter.Highlighter,exports.SecToDuration=seconds_to_duration.SecToDuration,exports.Display=display.Display,exports.H=heading.H,exports.P=paragraph.P,exports.Typography=typography.Typography,exports.TimeAgo=time_ago.TimeAgo,exports.Card=card.Card,exports.Editor=editor.Editor,exports.SimpleEditor=simple_editor.SimpleEditor,exports.Badge=badge.Badge,exports.Banner=banner.Banner,exports.Loader=loader.Loader,exports.Notification=notification.Notification,exports.Progress=progress.Progress,exports.Toast=toast.Toast,exports.Tooltip=tooltip.Tooltip,exports.AnimatedToast=animated_toast.AnimatedToast,exports.Avatar=avatar.Avatar,exports.Icon=icon.Icon,exports.Checkbox=checkbox.Checkbox,exports.DatePicker=date.DatePicker,exports.Filter=filter.Filter,exports.Radio=radio.Radio,exports.Search=search.Search,exports.Select=select.Select,exports.TextArea=text_area.TextArea,exports.TextInput=text_input.TextInput,exports.CalendarInput=calendar.CalendarInput,exports.Time=time.Time,exports.TimeInput=time_input.TimeInput,exports.AudioPlayer=audioPlayer.AudioPlayer,exports.AudioPlaylist=audioPlaylist.AudioPlaylist,exports.AudioPreview=audioPreview.AudioPreview,exports.Video=video.Video,exports.VideoPlayer=video$1.VideoPlayer,exports.Breadcrumb=breadcrumb.Breadcrumb,exports.InnerNav=inner.InnerNav,exports.Tabs=tabs.Tabs,exports.Accordion=accordion.Accordion,exports.CardCarousel=card$1.CardCarousel,exports.Comment=comment.Comment,exports.DiscussPost=discuss_post.DiscussPost,exports.Drawer=drawer.Drawer,exports.Message=message.Message,exports.Modal=modal.Modal,exports.Portal=portal.Portal,exports.Post=post.Post,exports.CalendarDate=calendar_date.CalendarDate,exports.Table=table.Table,exports.UsersSelection=users_selection.UsersSelection,exports.CoursesSelection=courses_selection.CoursesSelection,exports.Icons=index,exports.emoji=emojis;
|
|
1
|
+
"use strict";var button=require("./components/actions/button/button.js"),dropdown=require("./components/actions/dropdown/dropdown.js"),rate=require("./components/actions/rate/rate.js"),_switch=require("./components/actions/switch/switch.js"),toggle=require("./components/actions/toggle/toggle.js"),upload=require("./components/actions/upload/upload.js"),box=require("./components/atoms/box/box.js"),hide=require("./components/atoms/hide/hide.js"),highlighter=require("./components/atoms/highlighter/highlighter.js"),seconds_to_duration=require("./components/atoms/seconds_to_duration/seconds_to_duration.js"),display=require("./components/atoms/typography/display.js"),heading=require("./components/atoms/typography/heading.js"),paragraph=require("./components/atoms/typography/paragraph.js"),typography=require("./components/atoms/typography/typography.js"),time_ago=require("./components/atoms/time_ago/time_ago.js"),card=require("./components/card/card.js"),editor=require("./components/editor/editor.js"),simple_editor=require("./components/editor/simple_editor/simple_editor.js"),badge=require("./components/feedback/badge/badge.js"),banner=require("./components/feedback/banner/banner.js"),loader=require("./components/feedback/loader/loader.js"),notification=require("./components/feedback/notification/notification.js"),progress=require("./components/feedback/progress/progress.js"),toast=require("./components/feedback/toast/toast.js"),tooltip=require("./components/feedback/tooltip/tooltip.js"),animated_toast=require("./components/feedback/animated_toast/animated_toast.js"),emojiPicker=require("./components/feedback/emojiPicker/emoji-picker.js"),avatar=(require("./components/feedback/emojiPicker/emoji-reactions.js"),require("./components/iconography/avatar/avatar.js")),icon=require("./components/iconography/icon/icon.js"),checkbox=require("./components/input/checkbox/checkbox.js"),date=require("./components/input/date/date.js"),filter=require("./components/input/filter/filter.js"),radio=require("./components/input/radio/radio.js"),search=require("./components/input/search/search.js"),select=require("./components/input/select/select.js"),text_area=require("./components/input/text_area/text_area.js"),text_input=require("./components/input/text_input/text_input.js"),calendar=require("./components/input/calendar/calendar.js"),time=require("./components/input/time/time.js"),time_input=require("./components/input/time_input/time_input.js"),audioPlayer=require("./components/media/audio-player/audio-player.js"),audioPlaylist=require("./components/media/audio-playlist/audio-playlist.js"),audioPreview=require("./components/media/audio-preview/audio-preview.js"),video=require("./components/media/video/video.js"),video$1=require("./components/media/video-player/video.js"),playing_indicator=require("./components/media/audio-playlist/playing_indicator.js"),breadcrumb=require("./components/navigation/breadcrumb/breadcrumb.js"),inner=require("./components/navigation/inner/inner.js"),tabs=require("./components/navigation/tabs/tabs.js"),accordion=require("./components/surfaces/accordion/accordion.js"),card$1=require("./components/surfaces/carousel/card/card.js"),comment=require("./components/surfaces/comment/comment.js"),discuss_post=require("./components/surfaces/discuss_post/discuss_post.js"),drawer=require("./components/surfaces/drawer/drawer.js"),message=require("./components/surfaces/message/message.js"),modal=require("./components/surfaces/modal/modal.js"),portal=require("./components/surfaces/portal/portal.js"),post=require("./components/surfaces/post/post.js"),calendar_date=require("./components/surfaces/calendar_date/calendar_date.js"),table=require("./components/table/table/table.js"),users_selection=require("./components/custom/users_selection/users_selection.js"),courses_selection=require("./components/custom/courses_selection/courses_selection.js"),index=require("./icons/index.js"),emojis=require("./emoji/emojis.json.js");exports.Button=button.Button,exports.Dropdown=dropdown.Dropdown,exports.Rate=rate.Rate,exports.Switch=_switch.Switch,exports.Toggle=toggle.Toggle,exports.Upload=upload.Upload,exports.Box=box.Box,exports.HideButRender=hide.HideButRender,exports.Highlighter=highlighter.Highlighter,exports.SecToDuration=seconds_to_duration.SecToDuration,exports.Display=display.Display,exports.H=heading.H,exports.P=paragraph.P,exports.Typography=typography.Typography,exports.TimeAgo=time_ago.TimeAgo,exports.Card=card.Card,exports.Editor=editor.Editor,exports.SimpleEditor=simple_editor.SimpleEditor,exports.Badge=badge.Badge,exports.Banner=banner.Banner,exports.Loader=loader.Loader,exports.Notification=notification.Notification,exports.Progress=progress.Progress,exports.Toast=toast.Toast,exports.Tooltip=tooltip.Tooltip,exports.AnimatedToast=animated_toast.AnimatedToast,exports.CustomEmojiPicker=emojiPicker.CustomEmojiPicker,exports.Avatar=avatar.Avatar,exports.Icon=icon.Icon,exports.Checkbox=checkbox.Checkbox,exports.DatePicker=date.DatePicker,exports.Filter=filter.Filter,exports.Radio=radio.Radio,exports.Search=search.Search,exports.Select=select.Select,exports.TextArea=text_area.TextArea,exports.TextInput=text_input.TextInput,exports.CalendarInput=calendar.CalendarInput,exports.Time=time.Time,exports.TimeInput=time_input.TimeInput,exports.AudioPlayer=audioPlayer.AudioPlayer,exports.AudioPlaylist=audioPlaylist.AudioPlaylist,exports.AudioPreview=audioPreview.AudioPreview,exports.Video=video.Video,exports.VideoPlayer=video$1.VideoPlayer,exports.NowPlaying=playing_indicator.NowPlaying,exports.Breadcrumb=breadcrumb.Breadcrumb,exports.InnerNav=inner.InnerNav,exports.Tabs=tabs.Tabs,exports.Accordion=accordion.Accordion,exports.CardCarousel=card$1.CardCarousel,exports.Comment=comment.Comment,exports.DiscussPost=discuss_post.DiscussPost,exports.Drawer=drawer.Drawer,exports.Message=message.Message,exports.Modal=modal.Modal,exports.Portal=portal.Portal,exports.Post=post.Post,exports.CalendarDate=calendar_date.CalendarDate,exports.Table=table.Table,exports.UsersSelection=users_selection.UsersSelection,exports.CoursesSelection=courses_selection.CoursesSelection,exports.Icons=index,exports.emoji=emojis;
|
|
@@ -6,9 +6,11 @@ export interface PersonCardProps {
|
|
|
6
6
|
dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
|
|
7
7
|
href: string;
|
|
8
8
|
image: string;
|
|
9
|
-
subtitle
|
|
9
|
+
subtitle?: string | React.ReactElement;
|
|
10
10
|
sx?: string;
|
|
11
11
|
title: string;
|
|
12
12
|
isPaidUser?: boolean;
|
|
13
|
+
progress?: number;
|
|
14
|
+
lastOnline?: string;
|
|
13
15
|
}
|
|
14
|
-
export declare const PersonCard: ({ actions, chip, dotsActions, href, image, subtitle, sx, title, isPaidUser, }: PersonCardProps) => React.JSX.Element;
|
|
16
|
+
export declare const PersonCard: ({ actions, chip, dotsActions, href, image, subtitle, sx, title, isPaidUser, progress, lastOnline, }: PersonCardProps) => React.JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DefaultArticlePageProps {
|
|
3
|
+
articleId: string;
|
|
4
|
+
title: string;
|
|
5
|
+
handleCreateCategory: (value: string) => void;
|
|
6
|
+
handleCreateArticle: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const HowCanWeHelpPage: React.FC;
|
|
9
|
+
export declare const DefaultArticlePage: React.FC<DefaultArticlePageProps>;
|
|
10
|
+
interface DefaultSubcategoryPageProps {
|
|
11
|
+
categoryId: string;
|
|
12
|
+
subcategoryId: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const DefaultSubcategoryPage: React.FC<DefaultSubcategoryPageProps>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Category, USER_ROLES } from './types';
|
|
3
|
+
interface HelpCenterProps {
|
|
4
|
+
initialData: {
|
|
5
|
+
categories: Category[];
|
|
6
|
+
userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
|
|
7
|
+
};
|
|
8
|
+
onDataChange?: (data: {
|
|
9
|
+
categories: Category[];
|
|
10
|
+
}) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const HelpCenter: React.FC<HelpCenterProps>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { HelpCenterContextValue, HelpCenterProviderProps } from './types';
|
|
3
|
+
export declare const HelpCenterContext: React.Context<HelpCenterContextValue | undefined>;
|
|
4
|
+
export declare const HelpCenterProvider: React.FC<HelpCenterProviderProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { HelpCenter } from './help_center';
|