@soul-refiner/design-system 2.14.14 → 2.14.15

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.
Files changed (43) hide show
  1. package/dist/components/feedback/emojiPicker/sparkle-reaction.js +141 -1
  2. package/dist/components/surfaces/post/post.js +1 -1
  3. package/dist/src/styles/globals.css +1 -1
  4. package/package.json +1 -1
  5. package/dist/components/custom/help_center/help_center-auth.js +0 -1
  6. package/dist/components/custom/help_center/help_center-customModal.js +0 -7
  7. package/dist/components/custom/help_center/help_center-defaultArticle.js +0 -60
  8. package/dist/components/custom/help_center/help_center-editable-content.js +0 -31
  9. package/dist/components/custom/help_center/help_center-mainPage.js +0 -32
  10. package/dist/components/custom/help_center/help_center-sidebar.js +0 -1
  11. package/dist/components/custom/help_center/help_center.js +0 -1
  12. package/dist/components/custom/help_center/help_center_articlle-list.js +0 -30
  13. package/dist/components/custom/help_center/help_center_categoryList.js +0 -55
  14. package/dist/components/custom/help_center/help_center_dataStore.js +0 -1
  15. package/dist/components/custom/help_center/help_center_layout.js +0 -64
  16. package/dist/components/custom/help_center/help_center_sub-category.js +0 -27
  17. package/dist/components/custom/help_center/types.js +0 -1
  18. package/dist/components/media/audio-player/progress-bar.js +0 -4
  19. package/dist/emojis/64-2Q7F4PKG.png +0 -0
  20. package/dist/src/components/custom/help_center/help_center-auth.d.ts +0 -7
  21. package/dist/src/components/custom/help_center/help_center-customModal.d.ts +0 -4
  22. package/dist/src/components/custom/help_center/help_center-defaultArticle.d.ts +0 -15
  23. package/dist/src/components/custom/help_center/help_center-editable-content.d.ts +0 -7
  24. package/dist/src/components/custom/help_center/help_center-mainPage.d.ts +0 -3
  25. package/dist/src/components/custom/help_center/help_center-sidebar.d.ts +0 -3
  26. package/dist/src/components/custom/help_center/help_center.d.ts +0 -13
  27. package/dist/src/components/custom/help_center/help_center_articlle-list.d.ts +0 -7
  28. package/dist/src/components/custom/help_center/help_center_categoryList.d.ts +0 -6
  29. package/dist/src/components/custom/help_center/help_center_dataStore.d.ts +0 -4
  30. package/dist/src/components/custom/help_center/help_center_layout.d.ts +0 -3
  31. package/dist/src/components/custom/help_center/help_center_seedData.d.ts +0 -2
  32. package/dist/src/components/custom/help_center/help_center_sub-category.d.ts +0 -7
  33. package/dist/src/components/custom/help_center/index.d.ts +0 -1
  34. package/dist/src/components/custom/help_center/types.d.ts +0 -124
  35. package/dist/src/components/iconography/EmojiPicker/Reaction.d.ts +0 -9
  36. package/dist/src/components/iconography/EmojiPicker/emoji-picker.d.ts +0 -18
  37. package/dist/src/components/iconography/EmojiPicker/grid-mapper.d.ts +0 -2
  38. package/dist/src/components/media/audio-player/progress-bar.d.ts +0 -14
  39. package/dist/src/emoji/sparkle-emoji.d.ts +0 -15
  40. package/dist/src/emoji/sprite-emoji.d.ts +0 -9
  41. package/dist/src/hooks/useSparkle.d.ts +0 -12
  42. package/dist/src/utils/debounce.d.ts +0 -1
  43. package/dist/styles/output.css +0 -2006
@@ -1,5 +1,145 @@
1
- "use strict";var React=require("react"),constants=require("./constants.js"),styled=require("styled-components");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const SPARKLE_COUNT=25,RING_COUNT=3,ReactionEmoji=({size:c=20,sparkleOnMount:e=!1,coordinates:t})=>{const[a,n]=React__default.default.useState([]),[o,r]=React__default.default.useState([]),[s,l]=React__default.default.useState(!1);var i;return React__default.default.useEffect(()=>{let t;return e&&(l(!0),n((()=>{var e=[];for(let t=0;t<SPARKLE_COUNT;t++){var a=5*Math.random()+6,n=c/2-a/2,o=c/2-a/2,r=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],s=2*Math.random()*Math.PI,l=c*(.7+.8*Math.random()),i=Math.cos(s)*l,s=Math.sin(s)*l,l=720*Math.random()*(.5<Math.random()?1:-1),d=+Math.random()+.2,n={left:n+"px",top:o+"px",width:a+"px",height:a+"px",backgroundColor:r,animation:`sparkle-fly ${.7+.6*Math.random()}s cubic-bezier(0.1, 0.8, 0.2, 1) forwards`,animationDelay:.2*Math.random()+"s","--tx":i+"px","--ty":s+"px","--rotation":l+"deg","--scale":""+d};e.push(React__default.default.createElement("div",{key:"sparkle-"+t,className:"sparkle star",style:n}))}return e})()),r((()=>{var e=[];for(let t=0;t<RING_COUNT;t++){var a=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],n=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],o=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],a={width:.7*c+"px",height:.7*c+"px",border:"10px solid transparent",borderImage:`linear-gradient(to right, ${a}, ${n}, ${o}) 1`,animation:`ring-expand ${.8+.2*t}s ease-out forwards`,animationDelay:.2*t+"s"};e.push(React__default.default.createElement("div",{key:"ring-"+t,className:"sparkle-ring",style:a}))}return e})()),t=setTimeout(()=>{n([]),r([]),l(!1)},1200)),()=>clearTimeout(t)},[e]),t?(i=t.x/(constants.SPRITE_COLUMNS-1)*100,t=t.y/(constants.SPRITE_COLUMNS-1)*100,React__default.default.createElement(ReactionContainer,{$width:c,$height:c},React__default.default.createElement("div",{className:"reaction-flash "+(s?"active":"")}),React__default.default.createElement("div",{style:{overflow:"hidden"}},React__default.default.createElement("div",{className:"reaction-emoji "+(s?"active":""),style:{width:c,height:c,backgroundImage:`url(${constants.SPRITE_URL})`,backgroundSize:`${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}% ${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}%`,backgroundPosition:i+`% ${t}%`}})),React__default.default.createElement("div",{className:"sparkle-container"},a,o))):null},ReactionContainer=styled__default.default.div`
1
+ "use strict";var React=require("react"),styled=require("styled-components"),constants=require("./constants.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const SPARKLE_COUNT=25,RING_COUNT=3,ReactionEmoji=({size:u=20,sparkleOnMount:a=!1,coordinates:t})=>{const[e,r]=React__default.default.useState([]),[n,o]=React__default.default.useState([]),[s,i]=React__default.default.useState(!1);if(React__default.default.useEffect(()=>{if(a){i(!0),r(d()),o(c());const t=setTimeout(()=>{r([]),o([]),i(!1)},600);return()=>clearTimeout(t)}},[a]),!t)return null;var l=t.x/(constants.SPRITE_COLUMNS-1)*100,t=t.y/(constants.SPRITE_COLUMNS-1)*100;const d=()=>Array.from({length:SPARKLE_COUNT}).map((t,a)=>{var e=5*Math.random()+6,r=u/2-e/2,n=Math.random()*Math.PI*2,o=u*(.7+.8*Math.random()),s=Math.cos(n)*o,n=Math.sin(n)*o,o=720*Math.random()*(.5<Math.random()?1:-1),i=+Math.random()+.2,l=.2*Math.random(),d=.7+.6*Math.random(),c=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)];return React__default.default.createElement(StyledSparkle,{key:"sparkle-"+a,$type:"star",style:{left:r+"px",top:r+"px",width:e+"px",height:e+"px",backgroundColor:c,animationDuration:d+"s",animationDelay:l+"s","--tx":s+"px","--ty":n+"px","--rotation":o+"deg","--scale":""+i}})}),c=()=>Array.from({length:RING_COUNT}).map((t,a)=>{var e=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],r=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],n=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)];return React__default.default.createElement(SparkleRing,{key:"ring-"+a,style:{width:.7*u+"px",height:.7*u+"px",border:"10px solid transparent",borderImage:`linear-gradient(to right, ${e}, ${r}, ${n}) 1`,animationDelay:.2*a+"s"}})});return React__default.default.createElement(ReactionContainer,{$width:u,$height:u},React__default.default.createElement(ReactionFlash,{$active:s}),React__default.default.createElement("div",{style:{overflow:"hidden"}},React__default.default.createElement(ReactionEmojiWrapper,{$active:s,style:{width:u,height:u,backgroundImage:`url(${constants.SPRITE_URL})`,backgroundSize:`${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}% ${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}%`,backgroundPosition:l+`% ${t}%`}})),React__default.default.createElement(SparkleContainer,null,e,n))},rainbowPulse=styled.keyframes`
2
+ 0% {
3
+ background: radial-gradient(circle, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);
4
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
5
+ }
6
+ 20% {
7
+ background: radial-gradient(
8
+ circle,
9
+ rgba(255,255,255,0.8) 0%,
10
+ rgba(255,0,0,0.3) 30%,
11
+ rgba(255,255,0,0.2) 50%,
12
+ rgba(0,255,255,0.1) 70%,
13
+ rgba(0,0,255,0) 100%
14
+ );
15
+ box-shadow: 0 0 30px 5px rgba(255,255,255,0.7);
16
+ }
17
+ 100% {
18
+ background: radial-gradient(circle, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);
19
+ box-shadow: 0 0 0 0 rgba(255,255,255,0);
20
+ }
21
+ `,emojiPop=styled.keyframes`
22
+ 0% { transform: scale(1); }
23
+ 40% { transform: scale(1.3); }
24
+ 70% { transform: scale(1.15); }
25
+ 85% { transform: scale(1.05); }
26
+ 100% { transform: scale(1); }
27
+ `,ringExpand=styled.keyframes`
28
+ 0% {
29
+ transform: translate(-50%, -50%) scale(0.1);
30
+ opacity: 0.9;
31
+ border-width: 15px;
32
+ }
33
+ 100% {
34
+ transform: translate(-50%, -50%) scale(0.4);
35
+ opacity: 0;
36
+ border-width: 1px;
37
+ }
38
+ `,sparkleFly=styled.keyframes`
39
+ 0% {
40
+ transform: translate(0, 0) scale(0) rotate(0deg);
41
+ opacity: 0;
42
+ }
43
+
44
+ 10% {
45
+ opacity: 1;
46
+ }
47
+
48
+ 70% {
49
+ opacity: 1;
50
+ }
51
+
52
+ 90% {
53
+ opacity: 0.6;
54
+ }
55
+
56
+ 100% {
57
+ transform: translate(var(--tx), var(--ty)) scale(var(--scale)) rotate(var(--rotation));
58
+ opacity: 0;
59
+ }
60
+ `,ReactionContainer=styled__default.default.div`
2
61
  width: ${({$width:t})=>t+"px"};
3
62
  height: ${({$height:t})=>t+"px"};
4
63
  position: relative;
64
+ `,ReactionFlash=styled__default.default.div`
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ width: 100%;
69
+ height: 100%;
70
+ border-radius: 50%;
71
+ pointer-events: none;
72
+ z-index: 1;
73
+ background: radial-gradient(
74
+ circle,
75
+ rgba(255, 255, 255, 0) 30%,
76
+ rgba(255, 255, 255, 0) 100%
77
+ );
78
+ ${({$active:t})=>t&&styled.css`
79
+ animation: ${rainbowPulse} 0.2s ease-out forwards;
80
+ `}
81
+ `,ReactionEmojiWrapper=styled__default.default.div`
82
+ position: relative;
83
+ z-index: 2;
84
+ transition: transform 0.3s ease;
85
+ ${({$active:t})=>t&&styled.css`
86
+ animation: ${emojiPop} 0.5s ease-out forwards;
87
+ `}
88
+ `,SparkleContainer=styled__default.default.div`
89
+ position: absolute;
90
+ top: 0;
91
+ left: 0;
92
+ width: 100%;
93
+ height: 100%;
94
+ pointer-events: none;
95
+ z-index: 3;
96
+ `,StyledSparkle=styled__default.default.div`
97
+ position: absolute;
98
+ width: 10px;
99
+ height: 10px;
100
+ transform-origin: center;
101
+ opacity: 0;
102
+ filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.8));
103
+ animation: ${sparkleFly} 0.3s cubic-bezier(0.33, 1, 0.68, 0.5) forwards;
104
+ pointer-events: none;
105
+
106
+ ${({$type:t})=>"star"===t?styled.css`
107
+ clip-path: polygon(
108
+ 50% 0%,
109
+ 61% 35%,
110
+ 98% 35%,
111
+ 68% 57%,
112
+ 79% 91%,
113
+ 50% 70%,
114
+ 21% 91%,
115
+ 32% 57%,
116
+ 2% 35%,
117
+ 39% 35%
118
+ );
119
+ `:styled.css`
120
+ border-radius: 50%;
121
+ `}
122
+
123
+ &::after {
124
+ content: '';
125
+ position: absolute;
126
+ inset: 0;
127
+ background: linear-gradient(
128
+ 135deg,
129
+ rgba(255, 255, 255, 0.8) 0%,
130
+ rgba(255, 255, 255, 0) 50%,
131
+ rgba(255, 255, 255, 0) 100%
132
+ );
133
+ border-radius: inherit;
134
+ opacity: 0.7;
135
+ }
136
+ `,SparkleRing=styled__default.default.div`
137
+ position: absolute;
138
+ top: 50%;
139
+ left: 50%;
140
+ border-radius: 50%;
141
+ transform: translate(-50%, -50%) scale(0);
142
+ opacity: 0;
143
+ pointer-events: none;
144
+ animation: ${ringExpand} 0.6s ease-out forwards;
5
145
  `;exports.ReactionEmoji=ReactionEmoji;
@@ -4,7 +4,7 @@
4
4
  height: ${j.y};
5
5
  width: ${j.x};
6
6
  margin: 0 auto;
7
- `},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==k,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"),q({x:a,y:l})},draggable:!1,priority:!0,sizes:"100vw",src:p[k],style:{objectFit:"cover"}}),React__default.default.createElement(NavArrow,{$side:"right",$visible:k!==p.length-1,onClick:S},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"}},_&&1<E?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(React__default.default.Fragment,null,React__default.default.createElement(paragraph.P,{$sx:"white-space: pre-line; word-break: break-word;",innerRef:w,$textClampLines:R?void 0:3},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:_&&1===E?"This is a premium post. Join to the membership to unlock the full access.":d})),2<E&&React__default.default.createElement(paragraph.P,{$color:"grey-5",sx:"cursor:pointer;",$mediumBold:!0,$fontSize:14,onClick:()=>b(e=>!e)},R?"See less":"See more")),_&&!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"))),_&&!!p?.length&&!P&&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&&!P&&!_&&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:()=>C(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&&!P&&m&&!_&&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))),P&&React__default.default.createElement(VideoWrapper,null,React__default.default.createElement(video.Video,{src:g.url,thumbnail:g.thumbnail,subtitles:[],title:g?.title})),!!e.length&&React__default.default.createElement(ActionsWrapper,null,!_&&e),s&&!!n.length&&React__default.default.createElement(CommentWrapper,null,n))},Wrapper=styled.styled.div`
7
+ `},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==k,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"),q({x:a,y:l})},draggable:!1,priority:!0,sizes:"100vw",src:p[k],style:{objectFit:"cover"}}),React__default.default.createElement(NavArrow,{$side:"right",$visible:k!==p.length-1,onClick:S},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"}},_&&1<E?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(React__default.default.Fragment,null,React__default.default.createElement(paragraph.P,{$sx:"white-space: pre-line; word-break: break-word;",innerRef:w,$textClampLines:R?void 0:3},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:_&&1===E?"This is a premium post. Join to the membership to unlock the full access.":d})),2<E&&!_?React__default.default.createElement(paragraph.P,{$color:"grey-5",sx:"cursor:pointer;",$mediumBold:!0,$fontSize:14,onClick:()=>b(e=>!e)},R?"See less":"See more"):null),_&&!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"))),_&&!!p?.length&&!P&&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&&!P&&!_&&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:()=>C(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&&!P&&m&&!_&&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))),P&&React__default.default.createElement(VideoWrapper,null,React__default.default.createElement(video.Video,{src:g.url,thumbnail:g.thumbnail,subtitles:[],title:g?.title})),!!e.length&&React__default.default.createElement(ActionsWrapper,null,!_&&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%;
@@ -1 +1 @@
1
- @tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:0.5rem;--font-inter:Inter;--color-page-bg:#f8fafc;--color-white:#fff;--color-primary-blue-0:#003f73;--color-primary-blue-1:#005aa6;--color-primary-blue-2:#0076d9;--color-primary-blue-3:#d4e7fa;--color-primary-blue-4:#e9f2fb;--color-grey-0:#080809;--color-grey-1:#17191b;--color-grey-2:#313438;--color-grey-3:#4a4f55;--color-grey-4:#636971;--color-grey-5:#7c838d;--color-grey-6:#989da4;--color-grey-7:#b3b7bc;--color-grey-8:#d0d2d6;--color-grey-9:#eaebed;--color-grey-10:#f8f9f9;--color-red-0:#491410;--color-red-1:#5b1914;--color-red-2:#83241d;--color-red-3:#aa2f25;--color-red-4:#cf3a2e;--color-red-5:#f34638;--color-red-6:#f66e63;--color-red-7:#f8948c;--color-red-8:#fbbdb8;--color-red-9:#fee3e1;--color-red-10:#fff8f7;--color-green-0:#113a1c;--color-green-1:#154923;--color-green-2:#1f6933;--color-green-3:#288641;--color-green-4:#31a450;--color-green-5:#3cc260;--color-green-6:#66cf82;--color-green-7:#8edca3;--color-green-8:#b8e9c6;--color-green-9:#e0f6e6;--color-green-10:#f7fdf9;--color-blue-0:#0a2c48;--color-blue-1:#0c375b;--color-blue-2:#114f81;--color-blue-3:#1665a6;--color-blue-4:#1b7bcb;--color-blue-5:#2393ef;--color-blue-6:#51a9f2;--color-blue-7:#80c1f6;--color-blue-8:#b1d9f9;--color-blue-9:#ddeffc;--color-blue-10:#f6fbfe;--color-turquoise-0:#033630;--color-turquoise-1:#0b4740;--color-turquoise-2:#1a685f;--color-turquoise-3:#29877e;--color-turquoise-4:#38a89c;--color-turquoise-5:#49c7ba;--color-turquoise-6:#6fd3c8;--color-turquoise-7:#95ded7;--color-turquoise-8:#baeae5;--color-turquoise-9:#e1f6f3;--color-turquoise-10:#f5fcfb;--color-purple-0:#31153a;--color-purple-1:#3d1a49;--color-purple-2:#572567;--color-purple-3:#703086;--color-purple-4:#8a3ca5;--color-purple-5:#a349c2;--color-purple-6:#b76fcf;--color-purple-7:#ca96dc;--color-purple-8:#debeea;--color-purple-9:#f0e3f6;--color-purple-10:#fbf8fd;--color-yellow-0:#4b3b02;--color-yellow-1:#5e4a02;--color-yellow-2:#876b04;--color-yellow-3:#ad8905;--color-yellow-4:#d5a806;--color-yellow-5:#fac70a;--color-yellow-6:#fbd33d;--color-yellow-7:#fcde71;--color-yellow-8:#fdeba9;--color-yellow-9:#fef6d8;--color-yellow-10:#fffdf5;--color-orange-0:#4a2b03;--color-orange-1:#5d3604;--color-orange-2:#854d06;--color-orange-3:#ac6307;--color-orange-4:#d27909;--color-orange-5:#f7900f;--color-orange-6:#f9a742;--color-orange-7:#fbbf74;--color-orange-8:#fcd6a8;--color-orange-9:#feedd9;--color-orange-10:#fffaf5;--color-hue-pink-1:#a5199d;--color-hue-pink-2:#fed6ff;--color-hue-pink-3:#fbe7f9;--color-hue-purple-1:#584fd6;--color-hue-purple-2:#c4c1f0;--color-hue-purple-3:#f3effb;--color-hue-ocean-1:#226f91;--color-hue-ocean-2:#c1e2f0;--color-hue-ocean-3:#eff7fb;--color-hue-mint-1:#078f81;--color-hue-mint-2:#a9e4de;--color-hue-mint-3:#d8f3f0;--color-hue-blue-1:#0b5cd7;--color-hue-blue-2:#b6cff3;--color-hue-blue-3:#ecf2fc;--color-hue-orange-1:#e96d00;--color-hue-orange-2:#ffd5bd;--color-hue-orange-3:#fff2e5;--color-special-yellow-1:#efb520;--color-special-yellow-2:#fff3c7;--color-special-orange-1:#ff5722;--color-special-orange-2:#ffead2;--color-special-red-1:#f72f4d;--color-special-red-2:#feded5;--color-special-pink-1:#fb19b4;--color-special-pink-2:#fed3e1;--color-special-purple-1:#7a5bf5;--color-special-purple-2:#ece1fe;--color-special-blue-1:#6c75f7;--color-special-blue-2:#dfeaff;--color-special-turquoise-1:#24a3d0;--color-special-turquoise-2:#cff9f2;--color-special-green-1:#1ea385;--color-special-green-2:#d4fae4;--color-special-grape-1:#2fa52d;--color-special-grape-2:#e3fad6;--color-gradient-blue-1:#1d62f0;--color-gradient-blue-2:#1ad5fd;--color-gradient-teal-1:#5ac8fb;--color-gradient-teal-2:#52edc7;--color-gradient-green-1:#0cd318;--color-gradient-green-2:#87fc70;--color-gradient-spring-green-1:#09b3a1;--color-gradient-spring-green-2:#3ac15e;--color-gradient-yellow-1:#ffcd02;--color-gradient-yellow-2:#ffdb4c;--color-gradient-orange-1:#ff5e3a;--color-gradient-orange-2:#ff9500;--color-gradient-red-1:#ff2a68;--color-gradient-red-2:#ff5e3a;--color-gradient-pink-1:#c643fc;--color-gradient-pink-2:#ef4db6;--color-gradient-purple-1:#ae33e8;--color-gradient-purple-2:#5e44ff;--gradient-background-1:radial-gradient(50.49% 55.14% at 5.76% 3.88%,#d9062c 11.51%,rgba(186,24,175,0) 100%,rgba(255,0,0,0) 0),radial-gradient(50.75% 55.24% at 93.3% -5.24%,#ff7a00 6.42%,rgba(186,24,175,0) 100%,rgba(255,122,0,0) 0),linear-gradient(180deg,#b80cbf,#2d21b6);--gradient-background-2:radial-gradient(47.55% 121.02% at 24.15% 120.55%,#ff7a00 0%,rgba(186,24,175,0) 100%),radial-gradient(107.04% 116.84% at 120.44% 68.19%,#ba004b 27.09%,#ba06c8 47.64%,#0026b7 86.58%);--gradient-light:radial-gradient(39.84% 64.62% at 3.52% 96.87%,#e7f1fd 0%,rgba(232,241,254,0) 100%),radial-gradient(35.14% 65.68% at 98.89% 0%,#ece1ef 0%,rgba(236,226,240,0) 100%),linear-gradient(109.97deg,#eef9f9 4.72%,#ecf1fd 100.82%);--gradient-dark-grey:linear-gradient(360deg,#2b2b2b,#4a4a4a);--gradient-grey:linear-gradient(360deg,#898c90,#dbddde);--gradient-light-grey:linear-gradient(360deg,#d7d7d7,#f7f7f7);--extra-small:4px;--small:8px;--medium:16px;--medium-large:20px;--large:24px;--extra-large:40px;--full:80px;--elevation-1:0px 3px 3px rgba(0,0,0,.04);--elevation-2:0px 4px 8px rgba(0,0,0,.1);--elevation-3:0px 6px 10px rgba(0,0,0,.15);--elevation-4:0px 4px 10px rgba(0,0,0,.06);--elevation-5:inset 0px 2px 2px rgba(0,0,0,.12);--elevation-6:inset 0px 4px 4px rgba(0,0,0,.03);--elevation-7:0px 0px 15px rgba(0,0,0,.05);--elevation-8:0px 1px 30px rgba(0,0,0,.06);--elevation-9:0px 15px 50px rgba(0,0,0,.15);--spacing-0:4px;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px}*,body{@apply bg-background text-foreground}}.emoji-picker{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);font-family:sans-serif;max-height:320px;overflow-y:auto;padding:12px;width:300px}.emoji-picker h4{color:#555;font-size:14px;font-weight:600;margin:16px 0 8px;text-transform:capitalize}.emoji-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}.emoji-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:transform .2s ease;width:28px}.emoji-btn:hover{background-color:#f0f0f0;transform:scale(1.2)}.emoji-core:active{transform:scale(1.15)}@keyframes sparklePop{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.magic{--r:45px;display:inline-block;position:relative}.magic:before{border:var(--r) solid orange;border-radius:50%;box-sizing:border-box;content:"";height:calc(var(--r)*2);left:calc(50% - var(--r));position:absolute;top:calc(50% - var(--r));transform:scale(0);width:calc(var(--r)*2)}.magic.spark:before{border-width:0;transform:scale(1);transition:transform .5s,border-width .5s .5s}.magic:after{--c1:radial-gradient(circle,red 50%,transparent 60%);--c2:radial-gradient(circle,orange 50%,transparent 60%);background:var(--c1),var(--c1),var(--c1),var(--c1),var(--c2),var(--c2),var(--c2),var(--c2);background-position:calc(50% - var(--r)) calc(50% - var(--r)),calc(50% + var(--r)) calc(50% - var(--r)),calc(50% - var(--r)) calc(50% + var(--r)),calc(50% + var(--r)) calc(50% + var(--r)),50% calc(50% + var(--r)*1.414),calc(50% + var(--r)*1.414) 50%,calc(50% - var(--r)*1.414) 50%,50% calc(50% - var(--r)*1.414);background-repeat:no-repeat;background-size:calc(var(--r)/3) calc(var(--r)/3);content:"";height:calc(var(--r)*4);left:calc(50% - var(--r)*2);position:absolute;top:calc(50% - var(--r)*2);transform:scale(0);width:calc(var(--r)*4)}.magic.spark:after{background-size:0 0;opacity:0;transform:scale(1);transition:transform .5s .5s,opacity .4s .9s,background-size .5s .9s}.reaction-container{display:inline-block;position:relative}.reaction-flash{background:radial-gradient(circle,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0) 100%);border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.reaction-flash.active{animation:rainbow-pulse .2s ease-out forwards}.reaction-emoji{position:relative;transition:transform .3s ease;z-index:2}.reaction-emoji.active{animation:emoji-pop .5s ease-out forwards}.sparkle-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.sparkle{filter:drop-shadow(0 0 3px rgba(255,255,255,.8));height:10px;opacity:0;position:absolute;transform-origin:center;width:10px}.sparkle.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sparkle.dot{border-radius:50%}.sparkle:after{background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0));border-radius:inherit;bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.sparkle-ring{border-radius:50%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0)}@keyframes rainbow-pulse{0%{background:radial-gradient(circle,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0) 100%);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}20%{background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,rgba(255,0,0,.3) 30%,rgba(255,255,0,.2) 50%,rgba(0,255,255,.1) 70%,rgba(0,0,255,0) 100%);box-shadow:0 0 30px 5px hsla(0,0%,100%,.7)}to{background:radial-gradient(circle,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0) 100%);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes emoji-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(1.15)}85%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes sparkle-fly{0%{opacity:0;transform:translate(0) scale(0) rotate(0deg)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(var(--scale)) rotate(var(--rotation))}}@keyframes ring-expand{0%{border-width:15px;opacity:.9;transform:translate(-50%,-50%) scale(.1)}to{border-width:1px;opacity:0;transform:translate(-50%,-50%) scale(.4)}}
1
+ @tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:0.5rem;--font-inter:Inter;--color-page-bg:#f8fafc;--color-white:#fff;--color-primary-blue-0:#003f73;--color-primary-blue-1:#005aa6;--color-primary-blue-2:#0076d9;--color-primary-blue-3:#d4e7fa;--color-primary-blue-4:#e9f2fb;--color-grey-0:#080809;--color-grey-1:#17191b;--color-grey-2:#313438;--color-grey-3:#4a4f55;--color-grey-4:#636971;--color-grey-5:#7c838d;--color-grey-6:#989da4;--color-grey-7:#b3b7bc;--color-grey-8:#d0d2d6;--color-grey-9:#eaebed;--color-grey-10:#f8f9f9;--color-red-0:#491410;--color-red-1:#5b1914;--color-red-2:#83241d;--color-red-3:#aa2f25;--color-red-4:#cf3a2e;--color-red-5:#f34638;--color-red-6:#f66e63;--color-red-7:#f8948c;--color-red-8:#fbbdb8;--color-red-9:#fee3e1;--color-red-10:#fff8f7;--color-green-0:#113a1c;--color-green-1:#154923;--color-green-2:#1f6933;--color-green-3:#288641;--color-green-4:#31a450;--color-green-5:#3cc260;--color-green-6:#66cf82;--color-green-7:#8edca3;--color-green-8:#b8e9c6;--color-green-9:#e0f6e6;--color-green-10:#f7fdf9;--color-blue-0:#0a2c48;--color-blue-1:#0c375b;--color-blue-2:#114f81;--color-blue-3:#1665a6;--color-blue-4:#1b7bcb;--color-blue-5:#2393ef;--color-blue-6:#51a9f2;--color-blue-7:#80c1f6;--color-blue-8:#b1d9f9;--color-blue-9:#ddeffc;--color-blue-10:#f6fbfe;--color-turquoise-0:#033630;--color-turquoise-1:#0b4740;--color-turquoise-2:#1a685f;--color-turquoise-3:#29877e;--color-turquoise-4:#38a89c;--color-turquoise-5:#49c7ba;--color-turquoise-6:#6fd3c8;--color-turquoise-7:#95ded7;--color-turquoise-8:#baeae5;--color-turquoise-9:#e1f6f3;--color-turquoise-10:#f5fcfb;--color-purple-0:#31153a;--color-purple-1:#3d1a49;--color-purple-2:#572567;--color-purple-3:#703086;--color-purple-4:#8a3ca5;--color-purple-5:#a349c2;--color-purple-6:#b76fcf;--color-purple-7:#ca96dc;--color-purple-8:#debeea;--color-purple-9:#f0e3f6;--color-purple-10:#fbf8fd;--color-yellow-0:#4b3b02;--color-yellow-1:#5e4a02;--color-yellow-2:#876b04;--color-yellow-3:#ad8905;--color-yellow-4:#d5a806;--color-yellow-5:#fac70a;--color-yellow-6:#fbd33d;--color-yellow-7:#fcde71;--color-yellow-8:#fdeba9;--color-yellow-9:#fef6d8;--color-yellow-10:#fffdf5;--color-orange-0:#4a2b03;--color-orange-1:#5d3604;--color-orange-2:#854d06;--color-orange-3:#ac6307;--color-orange-4:#d27909;--color-orange-5:#f7900f;--color-orange-6:#f9a742;--color-orange-7:#fbbf74;--color-orange-8:#fcd6a8;--color-orange-9:#feedd9;--color-orange-10:#fffaf5;--color-hue-pink-1:#a5199d;--color-hue-pink-2:#fed6ff;--color-hue-pink-3:#fbe7f9;--color-hue-purple-1:#584fd6;--color-hue-purple-2:#c4c1f0;--color-hue-purple-3:#f3effb;--color-hue-ocean-1:#226f91;--color-hue-ocean-2:#c1e2f0;--color-hue-ocean-3:#eff7fb;--color-hue-mint-1:#078f81;--color-hue-mint-2:#a9e4de;--color-hue-mint-3:#d8f3f0;--color-hue-blue-1:#0b5cd7;--color-hue-blue-2:#b6cff3;--color-hue-blue-3:#ecf2fc;--color-hue-orange-1:#e96d00;--color-hue-orange-2:#ffd5bd;--color-hue-orange-3:#fff2e5;--color-special-yellow-1:#efb520;--color-special-yellow-2:#fff3c7;--color-special-orange-1:#ff5722;--color-special-orange-2:#ffead2;--color-special-red-1:#f72f4d;--color-special-red-2:#feded5;--color-special-pink-1:#fb19b4;--color-special-pink-2:#fed3e1;--color-special-purple-1:#7a5bf5;--color-special-purple-2:#ece1fe;--color-special-blue-1:#6c75f7;--color-special-blue-2:#dfeaff;--color-special-turquoise-1:#24a3d0;--color-special-turquoise-2:#cff9f2;--color-special-green-1:#1ea385;--color-special-green-2:#d4fae4;--color-special-grape-1:#2fa52d;--color-special-grape-2:#e3fad6;--color-gradient-blue-1:#1d62f0;--color-gradient-blue-2:#1ad5fd;--color-gradient-teal-1:#5ac8fb;--color-gradient-teal-2:#52edc7;--color-gradient-green-1:#0cd318;--color-gradient-green-2:#87fc70;--color-gradient-spring-green-1:#09b3a1;--color-gradient-spring-green-2:#3ac15e;--color-gradient-yellow-1:#ffcd02;--color-gradient-yellow-2:#ffdb4c;--color-gradient-orange-1:#ff5e3a;--color-gradient-orange-2:#ff9500;--color-gradient-red-1:#ff2a68;--color-gradient-red-2:#ff5e3a;--color-gradient-pink-1:#c643fc;--color-gradient-pink-2:#ef4db6;--color-gradient-purple-1:#ae33e8;--color-gradient-purple-2:#5e44ff;--gradient-background-1:radial-gradient(50.49% 55.14% at 5.76% 3.88%,#d9062c 11.51%,rgba(186,24,175,0) 100%,rgba(255,0,0,0) 0),radial-gradient(50.75% 55.24% at 93.3% -5.24%,#ff7a00 6.42%,rgba(186,24,175,0) 100%,rgba(255,122,0,0) 0),linear-gradient(180deg,#b80cbf,#2d21b6);--gradient-background-2:radial-gradient(47.55% 121.02% at 24.15% 120.55%,#ff7a00 0%,rgba(186,24,175,0) 100%),radial-gradient(107.04% 116.84% at 120.44% 68.19%,#ba004b 27.09%,#ba06c8 47.64%,#0026b7 86.58%);--gradient-light:radial-gradient(39.84% 64.62% at 3.52% 96.87%,#e7f1fd 0%,rgba(232,241,254,0) 100%),radial-gradient(35.14% 65.68% at 98.89% 0%,#ece1ef 0%,rgba(236,226,240,0) 100%),linear-gradient(109.97deg,#eef9f9 4.72%,#ecf1fd 100.82%);--gradient-dark-grey:linear-gradient(360deg,#2b2b2b,#4a4a4a);--gradient-grey:linear-gradient(360deg,#898c90,#dbddde);--gradient-light-grey:linear-gradient(360deg,#d7d7d7,#f7f7f7);--extra-small:4px;--small:8px;--medium:16px;--medium-large:20px;--large:24px;--extra-large:40px;--full:80px;--elevation-1:0px 3px 3px rgba(0,0,0,.04);--elevation-2:0px 4px 8px rgba(0,0,0,.1);--elevation-3:0px 6px 10px rgba(0,0,0,.15);--elevation-4:0px 4px 10px rgba(0,0,0,.06);--elevation-5:inset 0px 2px 2px rgba(0,0,0,.12);--elevation-6:inset 0px 4px 4px rgba(0,0,0,.03);--elevation-7:0px 0px 15px rgba(0,0,0,.05);--elevation-8:0px 1px 30px rgba(0,0,0,.06);--elevation-9:0px 15px 50px rgba(0,0,0,.15);--spacing-0:4px;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px}*,body{@apply bg-background text-foreground}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soul-refiner/design-system",
3
- "version": "2.14.14",
3
+ "version": "2.14.15",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/src/index.d.ts",
6
6
  "license": "MIT",
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var types=require("./types.js");const auth={isAuthenticated:()=>!0,getUser:()=>({id:"1",email:"user@example.com",role:types.USER_ROLES.ADMIN}),hasPermission:(e,t)=>{return{[types.USER_ROLES.ADMIN]:["create","read","update","delete"],[types.USER_ROLES.EDITOR]:["create","read","update"],[types.USER_ROLES.VIEWER]:["read"]}[e]?.includes(t)}};exports.default=auth;
@@ -1,7 +0,0 @@
1
- "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`
2
- padding: 12px;
3
- border-radius: 8px;
4
- background-color: ${({$color:e})=>e};
5
- width: fit-content;
6
- flex: unset !important;
7
- `;exports.default=CustomModal;
@@ -1,60 +0,0 @@
1
- "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`
2
- display: flex;
3
- width: 100%;
4
- align-items: center;
5
- gap: 16px;
6
- border-radius: 5px;
7
- padding: 0.2rem 0 0.2rem 0.8rem;
8
- cursor: pointer;
9
- transition: background 0.2s ease-in-out;
10
- div {
11
- color: var(--color-grey-6);
12
- }
13
- svg {
14
- fill: var(--color-grey-6);
15
- }
16
- &:hover {
17
- background: white;
18
- div {
19
- color: var(--color-grey-5);
20
- }
21
- svg {
22
- fill: var(--color-grey-5);
23
- }
24
- }
25
- `,ContentContainer=styled__default.default.div`
26
- width: 100%;
27
- `,ContentWrapper=styled__default.default.div``,TextWrapper=(styled__default.default.div`
28
- padding: 0.5rem;
29
- margin-top: 48px;
30
- width: 100%;
31
- border-radius: 4px;
32
- border: 1px dashed var(--color-grey-8);
33
- `,styled__default.default.div`
34
- padding: 10px 13px;
35
- border-radius: 160px;
36
- display: flex;
37
- align-items: center;
38
- gap: 0.3rem;
39
- background: white;
40
- box-shadow: var(--elevation-4);
41
-
42
- &:hover {
43
- border-color: var(--color-grey-7);
44
- box-shadow: var(--elevation-3);
45
- }
46
- `),TextInput=styled__default.default.input`
47
- resize: none;
48
- width: 100%;
49
- cursor: pointer;
50
- box-sizing: border-box;
51
- border: none;
52
- &::placeholder {
53
- color: var(--color-grey-6);
54
- }
55
- outline: none;
56
- font-family: var(--font-inter);
57
- font-size: 16px;
58
- line-height: 24px;
59
- color: var(--color-grey-3);
60
- `;exports.DefaultArticlePage=DefaultArticlePage,exports.DefaultSubcategoryPage=DefaultSubcategoryPage,exports.HowCanWeHelpPage=HowCanWeHelpPage;
@@ -1,31 +0,0 @@
1
- "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:`
2
- border-radius: 5px;
3
- gap: 16px;
4
- padding: 2px;
5
- justify-content: flex-end;
6
- svg { flex-shrink: 0; }
7
- &:hover {
8
- background: var(--color-grey-9);
9
- }
10
- `,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=`
11
- border-radius:500px;
12
- padding: .1rem;
13
- &:hover {
14
- border: 1px solid var(--color-primary-blue-3);
15
- background: white;
16
- `,CategoryItem=styled__default.default.div`
17
- display: flex;
18
- width: 100%;
19
- align-items: center;
20
- gap: 16px;
21
- justify-content: center;
22
- padding: 0.5rem;
23
- cursor: pointer;
24
- transition: background 0.2s ease-in-out;
25
- div {
26
- color: var(--color-primary-blue-0);
27
- }
28
- svg {
29
- fill: var(--color-primary-blue-0);
30
- }
31
- `;exports.default=ArticleCategoryWithQA;
@@ -1,32 +0,0 @@
1
- "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`
2
- width: 100%;
3
- `,ContentWrapper=styled__default.default.div``,CategorycreateBtn=styled__default.default.div`
4
- display: flex;
5
- align-items: center;
6
- gap: 16px;
7
- border-radius: 5px;
8
- padding: 0.2rem 0 0.2rem 0.8rem;
9
- cursor: pointer;
10
- transition: background 0.2s ease-in-out;
11
- div {
12
- color: var(--color-grey-5);
13
- }
14
- svg {
15
- fill: var(--color-grey-5);
16
- }
17
- &:hover {
18
- background: white;
19
- div {
20
- color: var(--color-grey-4);
21
- }
22
- svg {
23
- fill: var(--color-grey-4);
24
- }
25
- }
26
- `,QuestionCreateBtn=styled__default.default.div`
27
- padding: 0.5rem;
28
- margin-top: 48px;
29
- width: 100%;
30
- border-radius: 4px;
31
- border: 1px dashed var(--color-grey-8);
32
- `;exports.default=MainPage;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),help_center_categoryList=require("./help_center_categoryList.js"),help_center_articlleList=require("./help_center_articlle-list.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Sidebar=()=>React__default.default.createElement("div",null,React__default.default.createElement(help_center_categoryList.default,null,(e,t)=>React__default.default.createElement(help_center_articlleList.default,{subcategoryId:t,categoryId:e})));exports.default=Sidebar;
@@ -1 +0,0 @@
1
- "use strict";var React=require("react"),help_center_dataStore=require("./help_center_dataStore.js"),help_center_layout=require("./help_center_layout.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const HelpCenter=({initialData:e,onDataChange:t})=>React__default.default.createElement(help_center_dataStore.HelpCenterProvider,{initialData:e,onDataChange:t},React__default.default.createElement(help_center_layout.default,null));exports.HelpCenter=HelpCenter;
@@ -1,30 +0,0 @@
1
- "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`
2
- width: calc(100% - 10%);
3
- `,ArticleItem=styled__default.default.div`
4
- border-radius: 5px;
5
- gap: 16px;
6
- display: flex;
7
- width: 100%;
8
- padding: 2px;
9
- justify-content: space-between;
10
- svg {
11
- flex-shrink: 0;
12
- }
13
- &:hover {
14
- background: var(--color-primary-blue-3);
15
- }
16
- `,CategoryItem=styled__default.default.div`
17
- display: flex;
18
- width: 100%;
19
- align-items: center;
20
- gap: 16px;
21
- justify-content: space-between;
22
- padding: 0.2rem 0.2rem 0.2rem 0.8rem;
23
- cursor: pointer;
24
- div {
25
- color: var(--color-primary-blue-0);
26
- }
27
- svg {
28
- fill: var(--color-primary-blue-0);
29
- }
30
- `;exports.default=ArticleList;
@@ -1,55 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),help_center_dataStore=require("./help_center_dataStore.js"),help_center_subCategory=require("./help_center_sub-category.js"),types=require("./types.js"),ellipsis_horizontal=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/ellipsis_horizontal.js")),pencil=require("../../../icons/basic/pencil.js"),plus=require("../../../icons/basic/plus.js"),settings=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/settings.js")),trash=(require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash.js")),lock=require("../../../icons/security/lock.js"),accordion=(require("../../../common/colors.js"),require("../../surfaces/accordion/accordion.js")),button=(require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../actions/button/button.js")),dropdown=require("../../actions/dropdown/dropdown.js"),upload=(require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js")),help_centerCustomModal=require("./help_center-customModal.js"),box=require("../../atoms/box/box.js"),paragraph=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js")),help_centerAuth=(require("../../atoms/typography/typography.js"),require("./help_center-auth.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const CategoryList=({children:t})=>{const[a,,]=React.useState(""),[r,l]=React.useState(!1),[n,u]=React.useState(!1),[o,d]=React.useState(!1),[c,i]=React.useState({type:null,data:null}),{categories:s,isLoading:e,userRole:p,addCategory:f,updateCategory:_,deleteCategory:m,addSubcategory:g,setBreadcrumbTrail:y}=React.useContext(help_center_dataStore.HelpCenterContext);const b=e=>{e.trim()&&(g(c?.data?.categoryId,e),i({type:null,data:null}))},h=help_centerAuth.default.hasPermission(p,"create");if(e)return React__default.default.createElement("div",null,"Loading...");let R=[{value:types.DropdownOptions.RENAME,icon:React__default.default.createElement(pencil.Pencil,null),label:types.DropdownOptions.RENAME},{value:types.DropdownOptions.CREATE_SUBCATEGORY,icon:React__default.default.createElement(plus.Plus,null),label:types.DropdownOptions.CREATE_SUBCATEGORY},{value:types.DropdownOptions.DELETE_CATEGORY,icon:React__default.default.createElement(trash.Trash,null),label:types.DropdownOptions.DELETE_CATEGORY}];return React__default.default.createElement(CategoryListContainer,null,s?.map(r=>React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(accordion.Accordion,{sx:"gap: 16px; display: flex; flex-flow: column nowrap;"},React__default.default.createElement(accordion.Accordion.Item,{buttonSx:`
2
- border-radius: 5px;
3
- gap: 16px;
4
- padding: 2px;
5
- justify-content: flex-end;
6
- svg { flex-shrink: 0; }
7
- &:hover {
8
- background: var(--color-primary-blue-4);
9
- }
10
- `,key:"category-"+r.id,sx:"flex-direction: column;",trigger:React__default.default.createElement(CategoryItem,{onClick:()=>{var t,e;t=r.id,e=s.find(e=>e.id===t),y([e?.name])}},h?React__default.default.createElement(settings.Settings,null):null,React__default.default.createElement(paragraph.P,{sx:"margin-right: auto"},r.name),h?React__default.default.createElement(dropdown.Dropdown,{maintainState:!1,onChange:e=>{var t=r.id,a=r.name;switch(e.target?.getAttribute("data-value")){case types.DropdownOptions.RENAME:u(!0),i({type:"edit",data:{categoryId:t,name:a}});break;case types.DropdownOptions.DELETE_CATEGORY:d(!0),i({type:"delete",data:{categoryId:t,name:a}});break;case types.DropdownOptions.CREATE_SUBCATEGORY:l(!0),i({type:"create",data:{categoryId:t,name:a}})}},open:"left",sx:"\n margin-left: auto;",options:R,trigger:React__default.default.createElement(button.Button,{onClick:e=>e.stopPropagation(),sx:"\n width: 24px;\n height: 24px;\n ",icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,{sx:"\n border-radius:500px;\n padding: .2rem;\n &:hover {\n border: 1px solid var(--color-primary-blue-3);\n background: white;\n }"}),type:"special"})}):null)},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"},key:r.id},React__default.default.createElement(help_center_subCategory.default,{categoryId:r.id},e=>t(r.id,e))))))),h?React__default.default.createElement("div",null,React__default.default.createElement(help_centerCustomModal.default,{isOpen:r,setIsOpen:l,title:"Add a Category",initialValue:a,modalType:"create",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:e=>{e.trim()&&(f(e),i({type:null,data:null}))},trigger:React__default.default.createElement(CategorycreateBtn,{onClick:()=>{}},React__default.default.createElement(plus.Plus,null),React__default.default.createElement("div",null,"Create Category")),mainContent:React__default.default.createElement(box.Box,{sx:"display:flex; justify-content: center; align-items: center; gap: 1rem;"},React__default.default.createElement(upload.Upload,{background:"hue-blue-3",borderColor:"hue-blue-2",iconColor:"primary-blue-2",multiple:!1,onDrop:()=>{},size:"small",subtext:"subtext",text:"Drag and drop your image here or",type:"image"}),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Upload an icon"),React__default.default.createElement(paragraph.P,null,"(Recommended size: 16px * 16px)")))}),(()=>{var e=c.data?.name;switch(c.type){case"create":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:r,setIsOpen:l,title:"Add a SubCategory",initialValue:a,mainContent:React__default.default.createElement(box.Box,{sx:"display:flex; justify-content: center; align-items: center; gap: 1rem;"},React__default.default.createElement(upload.Upload,{background:"hue-blue-3",borderColor:"hue-blue-2",iconColor:"primary-blue-2",multiple:!1,onDrop:()=>{},size:"small",subtext:"subtext",text:"Drag and drop your image here or",type:"image"}),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Upload an icon"),React__default.default.createElement(paragraph.P,null,"(Recommended size: 16px * 16px)"))),modalType:"create",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:b,trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"edit":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:n,setIsOpen:u,title:"Edit "+(c?.data?.subcategoryId?"Subcategory":"Category"),mainContent:React__default.default.createElement(box.Box,{sx:"display:flex; justify-content: center; align-items: center; gap: 1rem;"},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(lock.Lock,{sx:"border-radius: 500px;\n width: 40px;\n height: 40px; \n padding: .5rem;\n border: 2px solid var(--color-primary-blue-2);",color:"hue-blue-1",size:24}),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,"Change the icon")))),initialValue:c?.data?.name,modalType:"edit",submitButtonText:"Save",cancelButtonText:"Cancel",onSubmit:e=>{var t;c?.data?.categoryId&&(t=c?.data.categoryId,e=e,_(t,e),i({type:null,data:null}))},trigger:React__default.default.createElement(React__default.default.Fragment,null)});case"delete":return React__default.default.createElement(help_centerCustomModal.default,{isOpen:o,setIsOpen:d,title:"Delete "+(c?.data?.subcategoryId?"Subcategory":"Category"),modalType:"delete",mainContent:React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,{$fontSize:16,$mediumBold:!0},"Warning:"),`Removing ${e} will permanently delete all subcategories, articles, and pages within it. This action cannot be undone.`),React__default.default.createElement(paragraph.P,null),React__default.default.createElement(paragraph.P,null,"Are you sure you want to proceed?")),submitButtonText:"Delete",cancelButtonText:"Cancel",onSubmit:()=>{var e;e=c?.data?.categoryId,m(e),y([]),i({type:"delete",data:{categoryId:e}}),i({type:null,data:null})},trigger:React__default.default.createElement(React__default.default.Fragment,null)});default:return null}})()):null)},CategorycreateBtn=styled__default.default.div`
11
- display: flex;
12
- width: 100%;
13
- align-items: center;
14
- gap: 16px;
15
- border-radius: 5px;
16
- padding: 0.2rem 0 0.2rem 0.8rem;
17
- cursor: pointer;
18
- transition: background 0.2s ease-in-out;
19
- div {
20
- color: var(--color-grey-6);
21
- }
22
- svg {
23
- fill: var(--color-grey-6);
24
- }
25
- &:hover {
26
- background: white;
27
- div {
28
- color: var(--color-grey-5);
29
- }
30
- svg {
31
- fill: var(--color-grey-5);
32
- }
33
- }
34
- `,CategoryListContainer=styled__default.default.div``,CategoryItem=(styled__default.default.div`
35
- padding: 12px;
36
- border-radius: 8px;
37
- background-color: ${({$color:e})=>e};
38
- width: fit-content;
39
- flex: unset !important;
40
- `,styled__default.default.div`
41
- display: flex;
42
- width: 100%;
43
-
44
- align-items: center;
45
- gap: 16px;
46
- justify-content: center;
47
- padding: 0.2rem 0.2rem 0.2rem 0.8rem;
48
- cursor: pointer;
49
- div {
50
- color: var(--color-primary-blue-0);
51
- }
52
- svg {
53
- fill: var(--color-primary-blue-0);
54
- }
55
- `);exports.default=CategoryList;
@@ -1 +0,0 @@
1
- "use strict";var React=require("react"),uuid=require("uuid");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const HelpCenterContext=React.createContext(void 0),HelpCenterProvider=({initialData:e,onDataChange:o,children:t})=>{const[n,d]=React.useState(e.categories||[]);var[a,,]=React.useState(!1),[r,,]=React.useState(null),[i,s]=React.useState([]);const[c,u]=React.useState(!1),[l,g]=React.useState(null),[p,v]=React.useState(null);var[e,,]=React.useState(e.userRole);const m=(e,t,a)=>{var[t,...r]=t;return{...e,[t]:r.length?m(e[t],r,a):a}};a={categories:n,isLoading:a,selectedArticle:p,error:r,userRole:e,isNewArticle:c,selectedSubcategory:l,breadcrumbTrail:i,setBreadcrumbTrail:s,updateArticleCategory:(a,r,i,s,c)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>e.id===s?{...e,title:c}:e),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},addArticleCategory:(a,r,i,s)=>{const c=uuid.v4();var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>e.id!==i?e:m(e,["content"],[...e.content,{...s,id:c}])),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},updateArticleQuestion:(a,r,i,s,c,u)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>{var t;return e.id===s?(t=e.questions?e.questions.map(e=>e.id!==c?e:{...e,question:u.question,answer:u.answer}):[{...u,id:c}],{...e,questions:t}):e}),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},addArticleQuestion:(a,r,i,s,c)=>{const u=uuid.v4();var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>{var t;return e.id!==s?e:(t=[...e.questions||[],{...c,id:u}],{...e,questions:t})}),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},setSelectedSubcategory:g,setIsNewArticle:u,addCategory:e=>{e={id:uuid.v4(),name:e,subcategories:[]},e=[...n,e];d(e),o?.({categories:e})},updateCategory:(t,a)=>{var e=n.map(e=>e.id===t?{...e,name:a}:e);d(e),o?.({categories:e})},deleteCategory:t=>{var e=n.filter(e=>e.id!==t);d(e),v(null),o?.({categories:e})},addSubcategory:(t,a)=>{const r=uuid.v4();var e=n.map(e=>e.id===t?m(e,["subcategories"],[...e.subcategories,{id:r,name:a,articles:[],categoryId:t}]):e);d(e),g({articles:[],categoryId:t,name:a,id:r}),o?.({categories:e})},updateSubcategory:(t,a,r)=>{var e=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.map(e=>e.id===a?m(e,["name"],r):e)):e);d(e),o?.({categories:e})},deleteSubcategory:(t,a)=>{var e=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.filter(e=>e.id!==a)):e);v(null),d(e),o?.({categories:e})},addArticle:(t,a,r,i)=>{const s=uuid.v4();var e=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.map(e=>e.id===a?m(e,["articles"],[...e.articles,{id:s,title:r,content:i,categoryId:t,subcategoryId:a}]):e)):e);return v({categoryId:t,content:i,id:s,subcategoryId:a,title:r}),u(!0),d(e),g(null),o?.({categories:e}),s},updateArticle:(t,a,r,i,e)=>{var s=n.map(e=>e.id===t?m(e,["subcategories"],e.subcategories.map(e=>e.id===a?m(e,["articles"],e.articles.map(e=>e.id===r?m(e,["title"],i):e)):e)):e),c=s.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===r);c&&(v(c),d(s),o?.({categories:s}))},deleteArticle:(t,a,r)=>{var e=n.map(e=>e.id===t?{...e,subcategories:e.subcategories.map(e=>e.id===a?{...e,articles:e.articles.filter(e=>e.id!==r)}:e)}:e);v(null),d(e),o?.({categories:e})},deleteArticleCategory:(a,r,i,s)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.filter(e=>e.id!==s),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},deleteArticleQuestion:(a,r,i,s,c)=>{var e=n.map(e=>{var t;return e.id!==a?e:(t=e.subcategories.map(e=>{var t;return e.id!==r?e:(t=e.articles.map(e=>{var t;return e.id!==i?e:(t=e.content.map(e=>{var t;return e.id===s?(t=e.questions?e.questions.filter(e=>e.id!==c):[],{...e,questions:t}):e}),{...e,content:t})}),{...e,articles:t})}),{...e,subcategories:t})}),t=e.flatMap(e=>e.subcategories).flatMap(e=>e.articles).find(e=>e.id===i);t&&(v(t),d(e),o?.({categories:e}))},setSelectedArticle:v};return React__default.default.createElement(HelpCenterContext.Provider,{value:a},t)};exports.HelpCenterContext=HelpCenterContext,exports.HelpCenterProvider=HelpCenterProvider;