@streamlayer/react-ui 0.5.8 → 0.22.0

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 (208) hide show
  1. package/README.md +1 -1
  2. package/lib/icon-chevron-138a557c.js +4 -0
  3. package/lib/icon-exit-d3f9fc80.js +4 -0
  4. package/lib/index-d5620d2c.js +71 -0
  5. package/lib/index.js +91 -0
  6. package/lib/lib/demo/Gamification.js +95 -0
  7. package/lib/lib/demo/Highlights.js +59 -0
  8. package/lib/lib/demo/Login.js +25 -0
  9. package/lib/lib/demo/components/EventProvider.js +5 -0
  10. package/lib/lib/demo/components/Insight.js +31 -0
  11. package/lib/lib/demo/components/Insights.js +16 -0
  12. package/lib/lib/demo/components/Question.js +101 -0
  13. package/lib/lib/demo/components/QuestionsList.js +16 -0
  14. package/lib/lib/demo/components/UserSummary.js +32 -0
  15. package/lib/lib/demo/components/index.js +59 -0
  16. package/lib/lib/demo/index.js +126 -0
  17. package/lib/lib/demo/styles.js +58 -0
  18. package/lib/lib/gamification/common-header/index.js +14 -0
  19. package/lib/lib/gamification/common-header/styles.js +31 -0
  20. package/lib/lib/gamification/detailed-insight/index.js +29 -0
  21. package/lib/lib/gamification/detailed-insight/styles.js +62 -0
  22. package/lib/lib/gamification/insight/index.js +26 -0
  23. package/lib/lib/gamification/insight/styles.js +65 -0
  24. package/lib/lib/gamification/insight-list/index.js +11 -0
  25. package/lib/lib/gamification/insight-list/styles.js +20 -0
  26. package/lib/lib/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js +10 -0
  27. package/lib/lib/gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js +30 -0
  28. package/lib/lib/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js +17 -0
  29. package/lib/lib/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js +55 -0
  30. package/lib/lib/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js +13 -0
  31. package/lib/lib/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js +43 -0
  32. package/lib/lib/gamification/onboarding/index.js +66 -0
  33. package/lib/lib/gamification/onboarding/styles.js +69 -0
  34. package/lib/lib/gamification/question/index.js +39 -0
  35. package/{src → lib}/lib/gamification/question/styles.js +30 -28
  36. package/lib/lib/gamification/question-list/index.js +14 -0
  37. package/{src → lib}/lib/gamification/question-list/styles.js +11 -9
  38. package/lib/lib/gamification/user-statistics/components/rank/index.js +10 -0
  39. package/{src → lib}/lib/gamification/user-statistics/components/rank/styles.js +9 -7
  40. package/lib/lib/gamification/user-statistics/components/statistics/index.js +10 -0
  41. package/{src → lib}/lib/gamification/user-statistics/components/statistics/styles.js +7 -5
  42. package/lib/lib/gamification/user-statistics/index.js +57 -0
  43. package/{src → lib}/lib/gamification/user-statistics/styles.js +52 -37
  44. package/lib/lib/gamification/vote/components/voting-header/components/points/index.js +13 -0
  45. package/{src → lib}/lib/gamification/vote/components/voting-header/components/points/styles.js +13 -11
  46. package/lib/lib/gamification/vote/components/voting-header/components/timer/index.js +28 -0
  47. package/lib/lib/gamification/vote/components/voting-header/components/timer/styles.js +8 -0
  48. package/lib/lib/gamification/vote/components/voting-header/index.js +44 -0
  49. package/{src → lib}/lib/gamification/vote/components/voting-header/styles.js +22 -19
  50. package/lib/lib/gamification/vote/components/voting-option/index.js +8 -0
  51. package/lib/lib/gamification/vote/components/voting-option/styles.js +96 -0
  52. package/lib/lib/gamification/vote/index.js +51 -0
  53. package/{src → lib}/lib/gamification/vote/styles.js +21 -19
  54. package/lib/lib/gamification/vote/types.d.js +1 -0
  55. package/lib/lib/login/index.js +70 -0
  56. package/{src/lib/gamification → lib/lib}/login/styles.js +24 -20
  57. package/lib/lib/notifications/decorator.js +64 -0
  58. package/lib/lib/notifications/index.js +28 -0
  59. package/lib/lib/notifications/notification/index.js +36 -0
  60. package/lib/lib/notifications/notification/onboarding-inapp/index.js +25 -0
  61. package/lib/lib/notifications/notification/onboarding-inapp/styles.js +77 -0
  62. package/lib/lib/notifications/notification/question-inapp/index.js +23 -0
  63. package/lib/lib/notifications/notification/question-inapp/styles.js +61 -0
  64. package/lib/lib/notifications/notification/styles.js +32 -0
  65. package/lib/lib/notifications/styles.js +15 -0
  66. package/lib/lib/theme/constants.js +38 -0
  67. package/lib/lib/theme/index.js +8 -0
  68. package/lib/lib/theme/theme.js +27 -0
  69. package/lib/lib/user-account/index.js +27 -0
  70. package/lib/lib/user-account/styles.js +80 -0
  71. package/lib/utils/common.js +4 -0
  72. package/lib/utils/components/bypassLogin.js +63 -0
  73. package/lib/utils/components/developer.js +76 -0
  74. package/lib/utils/components/eventInput.js +56 -0
  75. package/lib/utils/createDemo.js +46 -0
  76. package/lib/utils/decorators/container.js +11 -0
  77. package/lib/utils/decorators/styles.js +27 -0
  78. package/lib/utils/login.js +25 -0
  79. package/lib/utils/storage.js +36 -0
  80. package/lib/utils/useStreamLayerApp.js +25 -0
  81. package/package.json +49 -23
  82. package/src/assets/demo-bg.webp +0 -0
  83. package/src/assets/icons/fedex.svg +0 -7
  84. package/src/assets/icons/icon-check-green.svg +0 -5
  85. package/src/assets/icons/icon-check-white.svg +0 -5
  86. package/src/assets/icons/icon-check.svg +0 -5
  87. package/src/assets/icons/icon-chevron.svg +0 -5
  88. package/src/assets/icons/icon-circle-arrow-right.svg +0 -4
  89. package/src/assets/icons/icon-close.svg +0 -5
  90. package/src/assets/icons/icon-cross.svg +0 -6
  91. package/src/assets/icons/icon-exit.svg +0 -5
  92. package/src/assets/icons/icon-poll.svg +0 -5
  93. package/src/assets/icons/icon-prediction.svg +0 -5
  94. package/src/assets/icons/icon-thumb-down.svg +0 -3
  95. package/src/assets/icons/icon-trivia.svg +0 -5
  96. package/src/assets/icons/icon-trophy-green.svg +0 -5
  97. package/src/assets/icons/icon-trophy.svg +0 -5
  98. package/src/index.d.ts +0 -10
  99. package/src/index.js +0 -11
  100. package/src/index.js.map +0 -1
  101. package/src/lib/demo/Gamification.d.ts +0 -7
  102. package/src/lib/demo/Gamification.js +0 -30
  103. package/src/lib/demo/Gamification.js.map +0 -1
  104. package/src/lib/demo/Login.d.ts +0 -5
  105. package/src/lib/demo/Login.js +0 -15
  106. package/src/lib/demo/Login.js.map +0 -1
  107. package/src/lib/demo/components/InPlayGame.d.ts +0 -6
  108. package/src/lib/demo/components/InPlayGame.js +0 -6
  109. package/src/lib/demo/components/InPlayGame.js.map +0 -1
  110. package/src/lib/demo/components/Notifications.d.ts +0 -6
  111. package/src/lib/demo/components/Notifications.js +0 -37
  112. package/src/lib/demo/components/Notifications.js.map +0 -1
  113. package/src/lib/demo/components/Question.d.ts +0 -7
  114. package/src/lib/demo/components/Question.js +0 -61
  115. package/src/lib/demo/components/Question.js.map +0 -1
  116. package/src/lib/demo/components/QuestionsList.d.ts +0 -6
  117. package/src/lib/demo/components/QuestionsList.js +0 -13
  118. package/src/lib/demo/components/QuestionsList.js.map +0 -1
  119. package/src/lib/demo/components/UserSummary.d.ts +0 -5
  120. package/src/lib/demo/components/UserSummary.js +0 -11
  121. package/src/lib/demo/components/UserSummary.js.map +0 -1
  122. package/src/lib/demo/components/index.d.ts +0 -5
  123. package/src/lib/demo/components/index.js +0 -6
  124. package/src/lib/demo/components/index.js.map +0 -1
  125. package/src/lib/demo/index.d.ts +0 -5
  126. package/src/lib/demo/index.js +0 -26
  127. package/src/lib/demo/index.js.map +0 -1
  128. package/src/lib/demo/styles.d.ts +0 -13
  129. package/src/lib/demo/styles.js +0 -14
  130. package/src/lib/demo/styles.js.map +0 -1
  131. package/src/lib/gamification/inapp/index.d.ts +0 -13
  132. package/src/lib/gamification/inapp/index.js +0 -12
  133. package/src/lib/gamification/inapp/index.js.map +0 -1
  134. package/src/lib/gamification/inapp/styles.d.ts +0 -37
  135. package/src/lib/gamification/inapp/styles.js +0 -74
  136. package/src/lib/gamification/inapp/styles.js.map +0 -1
  137. package/src/lib/gamification/login/index.d.ts +0 -7
  138. package/src/lib/gamification/login/index.js +0 -54
  139. package/src/lib/gamification/login/index.js.map +0 -1
  140. package/src/lib/gamification/login/styles.d.ts +0 -29
  141. package/src/lib/gamification/login/styles.js.map +0 -1
  142. package/src/lib/gamification/onboarding/index.d.ts +0 -6
  143. package/src/lib/gamification/onboarding/index.js +0 -4
  144. package/src/lib/gamification/onboarding/index.js.map +0 -1
  145. package/src/lib/gamification/onboarding/styles.d.ts +0 -21
  146. package/src/lib/gamification/onboarding/styles.js +0 -41
  147. package/src/lib/gamification/onboarding/styles.js.map +0 -1
  148. package/src/lib/gamification/question/index.d.ts +0 -5
  149. package/src/lib/gamification/question/index.js +0 -28
  150. package/src/lib/gamification/question/index.js.map +0 -1
  151. package/src/lib/gamification/question/styles.d.ts +0 -45
  152. package/src/lib/gamification/question/styles.js.map +0 -1
  153. package/src/lib/gamification/question-list/index.d.ts +0 -8
  154. package/src/lib/gamification/question-list/index.js +0 -7
  155. package/src/lib/gamification/question-list/index.js.map +0 -1
  156. package/src/lib/gamification/question-list/styles.d.ts +0 -13
  157. package/src/lib/gamification/question-list/styles.js.map +0 -1
  158. package/src/lib/gamification/user-statistics/components/rank/index.d.ts +0 -7
  159. package/src/lib/gamification/user-statistics/components/rank/index.js +0 -4
  160. package/src/lib/gamification/user-statistics/components/rank/index.js.map +0 -1
  161. package/src/lib/gamification/user-statistics/components/rank/styles.d.ts +0 -13
  162. package/src/lib/gamification/user-statistics/components/rank/styles.js.map +0 -1
  163. package/src/lib/gamification/user-statistics/components/statistics/index.d.ts +0 -7
  164. package/src/lib/gamification/user-statistics/components/statistics/index.js +0 -4
  165. package/src/lib/gamification/user-statistics/components/statistics/index.js.map +0 -1
  166. package/src/lib/gamification/user-statistics/components/statistics/styles.d.ts +0 -9
  167. package/src/lib/gamification/user-statistics/components/statistics/styles.js.map +0 -1
  168. package/src/lib/gamification/user-statistics/index.d.ts +0 -15
  169. package/src/lib/gamification/user-statistics/index.js +0 -14
  170. package/src/lib/gamification/user-statistics/index.js.map +0 -1
  171. package/src/lib/gamification/user-statistics/styles.d.ts +0 -57
  172. package/src/lib/gamification/user-statistics/styles.js.map +0 -1
  173. package/src/lib/gamification/vote/components/voting-header/components/points/index.d.ts +0 -6
  174. package/src/lib/gamification/vote/components/voting-header/components/points/index.js +0 -4
  175. package/src/lib/gamification/vote/components/voting-header/components/points/index.js.map +0 -1
  176. package/src/lib/gamification/vote/components/voting-header/components/points/styles.d.ts +0 -21
  177. package/src/lib/gamification/vote/components/voting-header/components/points/styles.js.map +0 -1
  178. package/src/lib/gamification/vote/components/voting-header/components/timer/index.d.ts +0 -8
  179. package/src/lib/gamification/vote/components/voting-header/components/timer/index.js +0 -19
  180. package/src/lib/gamification/vote/components/voting-header/components/timer/index.js.map +0 -1
  181. package/src/lib/gamification/vote/components/voting-header/components/timer/styles.d.ts +0 -7
  182. package/src/lib/gamification/vote/components/voting-header/components/timer/styles.js +0 -6
  183. package/src/lib/gamification/vote/components/voting-header/components/timer/styles.js.map +0 -1
  184. package/src/lib/gamification/vote/components/voting-header/index.d.ts +0 -12
  185. package/src/lib/gamification/vote/components/voting-header/index.js +0 -17
  186. package/src/lib/gamification/vote/components/voting-header/index.js.map +0 -1
  187. package/src/lib/gamification/vote/components/voting-header/styles.d.ts +0 -35
  188. package/src/lib/gamification/vote/components/voting-header/styles.js.map +0 -1
  189. package/src/lib/gamification/vote/components/voting-option/index.d.ts +0 -17
  190. package/src/lib/gamification/vote/components/voting-option/index.js +0 -14
  191. package/src/lib/gamification/vote/components/voting-option/index.js.map +0 -1
  192. package/src/lib/gamification/vote/components/voting-option/styles.d.ts +0 -49
  193. package/src/lib/gamification/vote/components/voting-option/styles.js +0 -85
  194. package/src/lib/gamification/vote/components/voting-option/styles.js.map +0 -1
  195. package/src/lib/gamification/vote/index.d.ts +0 -13
  196. package/src/lib/gamification/vote/index.js +0 -22
  197. package/src/lib/gamification/vote/index.js.map +0 -1
  198. package/src/lib/gamification/vote/styles.d.ts +0 -33
  199. package/src/lib/gamification/vote/styles.js.map +0 -1
  200. package/src/lib/theme/index.d.ts +0 -4
  201. package/src/lib/theme/index.js +0 -5
  202. package/src/lib/theme/index.js.map +0 -1
  203. package/src/lib/theme/theme.d.ts +0 -41
  204. package/src/lib/theme/theme.js +0 -35
  205. package/src/lib/theme/theme.js.map +0 -1
  206. package/src/utils/login.d.ts +0 -3
  207. package/src/utils/login.js +0 -28
  208. package/src/utils/login.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/user-statistics/components/statistics/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAO/C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC7E,MAAC,SAAS,eACR,KAAC,SAAS,cAAE,SAAS,GAAa,EAClC,sBAAI,KAAK,GAAK,IACJ,CACb,CAAA"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const Indicator: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/user-statistics/components/statistics/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOlC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAA"}
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- interface UserStatisticsProps {
3
- avatar: string;
4
- name: string;
5
- points: number;
6
- grade: string;
7
- friendsRank: number;
8
- globalRank: number;
9
- winStreak: number;
10
- correct: number;
11
- incorrect: number;
12
- successRate?: number;
13
- }
14
- export declare const UserStatistics: React.FC<UserStatisticsProps>;
15
- export {};
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import trophyIcon from '../../../assets/icons/icon-trophy.svg';
3
- import { Statistics } from './components/statistics';
4
- import { Rank } from './components/rank';
5
- import { Container, TopInfo, BottomInfo, User, Avatar, UserInfo, UserName, UserRating, TrophyIcon, Rts, RtsIndicator, Top, Ranks, AvatarPlaceholder, } from './styles';
6
- const abbreviate = (name) => name
7
- .split(/\s+/)
8
- .map((p) => p[0])
9
- .join('')
10
- .toUpperCase();
11
- export const UserStatistics = ({ avatar, name, points, grade, friendsRank, globalRank, winStreak, correct, incorrect, successRate, }) => {
12
- return (_jsxs(Container, { children: [_jsxs(TopInfo, { children: [_jsxs(User, { children: [avatar && _jsx(Avatar, { alt: "avatar", src: avatar }), !avatar && _jsx(AvatarPlaceholder, { children: abbreviate(name) }), _jsxs(UserInfo, { children: [_jsx(UserName, { children: name }), _jsxs(UserRating, { children: [_jsx(TrophyIcon, { alt: "rank-icon", src: trophyIcon }), _jsxs(Rts, { children: [_jsx(RtsIndicator, { children: points || '-' }), "RTS"] }), _jsxs(Top, { children: ["TOP ", grade, "%"] })] })] })] }), _jsxs(Ranks, { children: [_jsx(Rank, { title: "Friens rank", indicator: friendsRank || '-' }), _jsx(Rank, { title: "Global rank", indicator: globalRank || '-' })] })] }), _jsxs(BottomInfo, { children: [_jsx(Statistics, { indicator: winStreak || '-', title: "Win streak" }), _jsx(Statistics, { indicator: correct || '-', title: "Correct" }), _jsx(Statistics, { indicator: incorrect || '-', title: "Incorrect" }), _jsx(Statistics, { indicator: `${successRate || '-'}%`, title: "Success rate" })] })] }));
13
- };
14
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/user-statistics/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,uCAAuC,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EACL,SAAS,EACT,OAAO,EACP,UAAU,EACV,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,GAAG,EACH,YAAY,EACZ,GAAG,EACH,KAAK,EACL,iBAAiB,GAClB,MAAM,UAAU,CAAA;AAejB,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAClC,IAAI;KACD,KAAK,CAAC,KAAK,CAAC;KACZ,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAChB,IAAI,CAAC,EAAE,CAAC;KACR,WAAW,EAAE,CAAA;AAElB,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,MAAC,SAAS,eACR,MAAC,OAAO,eACN,MAAC,IAAI,eACF,MAAM,IAAI,KAAC,MAAM,IAAC,GAAG,EAAC,QAAQ,EAAC,GAAG,EAAE,MAAM,GAAW,EACrD,CAAC,MAAM,IAAI,KAAC,iBAAiB,cAAE,UAAU,CAAC,IAAI,CAAC,GAAqB,EACrE,MAAC,QAAQ,eACP,KAAC,QAAQ,cAAE,IAAI,GAAY,EAC3B,MAAC,UAAU,eACT,KAAC,UAAU,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,UAAU,GAAI,EAC/C,MAAC,GAAG,eACF,KAAC,YAAY,cAAE,MAAM,IAAI,GAAG,GAAgB,WACxC,EACN,MAAC,GAAG,uBAAM,KAAK,SAAQ,IACZ,IACJ,IACN,EACP,MAAC,KAAK,eACJ,KAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,WAAW,IAAI,GAAG,GAAS,EAChE,KAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,UAAU,IAAI,GAAG,GAAS,IACzD,IACA,EACV,MAAC,UAAU,eACT,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,KAAK,EAAC,YAAY,GAAG,EAC9D,KAAC,UAAU,IAAC,SAAS,EAAE,OAAO,IAAI,GAAG,EAAE,KAAK,EAAC,SAAS,GAAG,EACzD,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,KAAK,EAAC,WAAW,GAAG,EAC7D,KAAC,UAAU,IAAC,SAAS,EAAE,GAAG,WAAW,IAAI,GAAG,GAAG,EAAE,KAAK,EAAC,cAAc,GAAG,IAC7D,IACH,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -1,57 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const TopInfo: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const BottomInfo: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const User: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
- export declare const Avatar: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
22
- export declare const UserInfo: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
- export declare const UserName: import("@emotion/styled").StyledComponent<{
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
29
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
- export declare const UserRating: import("@emotion/styled").StyledComponent<{
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
33
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
34
- export declare const TrophyIcon: import("@emotion/styled").StyledComponent<{
35
- theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any> | undefined;
37
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
38
- export declare const Rts: import("@emotion/styled").StyledComponent<{
39
- theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any> | undefined;
41
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
42
- export declare const RtsIndicator: import("@emotion/styled").StyledComponent<{
43
- theme?: import("@emotion/react").Theme | undefined;
44
- as?: import("react").ElementType<any> | undefined;
45
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
46
- export declare const Top: import("@emotion/styled").StyledComponent<{
47
- theme?: import("@emotion/react").Theme | undefined;
48
- as?: import("react").ElementType<any> | undefined;
49
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
50
- export declare const Ranks: import("@emotion/styled").StyledComponent<{
51
- theme?: import("@emotion/react").Theme | undefined;
52
- as?: import("react").ElementType<any> | undefined;
53
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
54
- export declare const AvatarPlaceholder: import("@emotion/styled").StyledComponent<{
55
- theme?: import("@emotion/react").Theme | undefined;
56
- as?: import("react").ElementType<any> | undefined;
57
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/user-statistics/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;sBACb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,6BAA6B;;WAEtE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;CAGpD,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;mBAEd,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE;;;;;CAKpF,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS/B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMjC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;WAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAI7C,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;kBAIX,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,uBAAuB,EAAE;;CAErF,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;WAE3B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC7C,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5B,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAa1C,CAAA"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- interface PointsProps {
3
- points: number;
4
- }
5
- export declare const Points: React.FC<PointsProps>;
6
- export {};
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { Container, Point, PointContainer, PointLabel, Title } from './styles';
3
- export const Points = ({ points }) => (_jsxs(Container, { children: [_jsx(Title, { children: "YOU WON" }), _jsxs(PointContainer, { children: [_jsx(Point, { children: points }), _jsx(PointLabel, { children: "PTS" })] })] }));
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-header/components/points/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAM9E,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC3D,MAAC,SAAS,eACR,KAAC,KAAK,0BAAgB,EACtB,MAAC,cAAc,eACb,KAAC,KAAK,cAAE,MAAM,GAAS,EACvB,KAAC,UAAU,sBAAiB,IACb,IACP,CACb,CAAA"}
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const Title: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const PointContainer: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const Point: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
18
- export declare const PointLabel: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-header/components/points/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAK/B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKpC,CAAA"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- interface TimerProps {
3
- isPlaying?: boolean;
4
- duration?: number;
5
- setTimeToExpire: (flag: boolean) => void;
6
- }
7
- export declare const Timer: React.FC<TimerProps>;
8
- export {};
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { useEffect } from 'react';
3
- import { CountdownCircleTimer } from 'react-countdown-circle-timer';
4
- import { theme } from '../../../../../../theme/theme';
5
- import { RemainingTime } from './styles';
6
- const TIMER_COLORS = [theme.COLORS.BLUE_PRIMARY, theme.COLORS.GREEN_1, theme.COLORS.RED_1];
7
- const TIMER_COLORS_TIME = [10, 6, 0];
8
- const DEFAULT_DURATION = 30;
9
- const TIMER_SIZE = 32;
10
- const STROKE_WIDTH = 4;
11
- const TRAIL_STROKE_WIDTH = 0;
12
- export const Timer = ({ isPlaying = true, duration = DEFAULT_DURATION, setTimeToExpire }) => {
13
- const renderTime = ({ remainingTime }) => (_jsx(RemainingTime, { remainingTime: remainingTime, children: remainingTime }));
14
- useEffect(() => {
15
- setTimeToExpire(false);
16
- }, [setTimeToExpire]);
17
- return (_jsx(CountdownCircleTimer, { isPlaying: isPlaying, duration: duration, colors: TIMER_COLORS, colorsTime: TIMER_COLORS_TIME, size: TIMER_SIZE, strokeWidth: STROKE_WIDTH, trailStrokeWidth: TRAIL_STROKE_WIDTH, onComplete: () => setTimeToExpire(true), children: renderTime }));
18
- };
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-header/components/timer/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAkB,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAEnF,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,YAAY,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAA6B,CAAA;AACtH,MAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAiC,CAAA;AACpE,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAC3B,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,kBAAkB,GAAG,CAAC,CAAA;AAQ5B,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,GAAG,gBAAgB,EAAE,eAAe,EAAE,EAAE,EAAE;IAChH,MAAM,UAAU,GAAG,CAAC,EAAE,aAAa,EAA6B,EAAE,EAAE,CAAC,CACnE,KAAC,aAAa,IAAC,aAAa,EAAE,aAAa,YAAG,aAAa,GAAiB,CAC7E,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,iBAAiB,EAC7B,IAAI,EAAE,UAAU,EAChB,WAAW,EAAE,YAAY,EACzB,gBAAgB,EAAE,kBAAkB,EACpC,UAAU,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,YAEtC,UAAU,GACU,CACxB,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const RemainingTime: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- remainingTime: number;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,6 +0,0 @@
1
- import styled from '@emotion/styled';
2
- export const RemainingTime = styled.div `
3
- color: ${(props) => (props.remainingTime ? 'inherit' : props.theme.COLORS.RED_2)};
4
- font-size: 12px;
5
- `;
6
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-header/components/timer/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA2B;WACvD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;CAEjF,CAAA"}
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { QuestionType } from '@streamlayer/sdk-web-types';
3
- export interface VotingHeaderProps {
4
- points: number;
5
- questionAnswered: boolean;
6
- questionAnsweredCorrectly?: boolean;
7
- logo: string;
8
- questionType: QuestionType;
9
- closeQuestion: () => void;
10
- setTimeToExpire: (flag: boolean) => void;
11
- }
12
- export declare const VotingHeader: React.FC<VotingHeaderProps>;
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { QuestionType } from '@streamlayer/sdk-web-types';
3
- import iconTrophyGreen from '../../../../../assets/icons/icon-trophy-green.svg';
4
- import iconThumbDown from '../../../../../assets/icons/icon-thumb-down.svg';
5
- import iconExit from '../../../../../assets/icons/icon-exit.svg';
6
- import { Timer } from '../../components/voting-header/components/timer';
7
- import { Container, Logo, ReactionIconWrap, ReactionIcon, RightBlock, Interactive, ExitBtn, ExitIcon } from './styles';
8
- import { Points } from './components/points';
9
- export const VotingHeader = ({ logo, points, questionAnswered, questionAnsweredCorrectly, questionType, closeQuestion, setTimeToExpire, }) => {
10
- const isShowTimer = !questionAnswered && questionType !== QuestionType.PREDICTION;
11
- const isShowTriviaFeedback = questionAnswered && questionType === QuestionType.TRIVIA;
12
- const successTriviaFeedback = isShowTriviaFeedback && questionAnsweredCorrectly;
13
- const errorTriviaFeedback = isShowTriviaFeedback && !questionAnsweredCorrectly;
14
- const isShowPredictionFeedback = questionAnswered && questionType === QuestionType.PREDICTION;
15
- return (_jsxs(Container, { children: [_jsxs(RightBlock, { children: [_jsxs(Interactive, { children: [isShowTimer && _jsx(Timer, { setTimeToExpire: setTimeToExpire }), successTriviaFeedback && (_jsxs(_Fragment, { children: [_jsx(Points, { points: points }), _jsx(ReactionIconWrap, { isSuccess: true, children: _jsx(ReactionIcon, { alt: "reaction-icon", src: iconTrophyGreen }) })] })), errorTriviaFeedback && (_jsxs(_Fragment, { children: [_jsx(Points, { points: 0 }), _jsx(ReactionIconWrap, { isSuccess: false, children: _jsx(ReactionIcon, { alt: "reaction-icon", src: iconThumbDown }) })] })), isShowPredictionFeedback && _jsx(Points, { points: points })] }), _jsx(ExitBtn, { onClick: closeQuestion, children: _jsx(ExitIcon, { alt: "exit-icon", src: iconExit }) })] }), logo && _jsx(Logo, { src: logo })] }));
16
- };
17
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,OAAO,eAAe,MAAM,mDAAmD,CAAA;AAC/E,OAAO,aAAa,MAAM,iDAAiD,CAAA;AAC3E,OAAO,QAAQ,MAAM,2CAA2C,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAA;AAEvE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACtH,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAY5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,MAAM,EACN,gBAAgB,EAChB,yBAAyB,EACzB,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,gBAAgB,IAAI,YAAY,KAAK,YAAY,CAAC,UAAU,CAAA;IAEjF,MAAM,oBAAoB,GAAG,gBAAgB,IAAI,YAAY,KAAK,YAAY,CAAC,MAAM,CAAA;IACrF,MAAM,qBAAqB,GAAG,oBAAoB,IAAI,yBAAyB,CAAA;IAC/E,MAAM,mBAAmB,GAAG,oBAAoB,IAAI,CAAC,yBAAyB,CAAA;IAE9E,MAAM,wBAAwB,GAAG,gBAAgB,IAAI,YAAY,KAAK,YAAY,CAAC,UAAU,CAAA;IAE7F,OAAO,CACL,MAAC,SAAS,eACR,MAAC,UAAU,eACT,MAAC,WAAW,eACT,WAAW,IAAI,KAAC,KAAK,IAAC,eAAe,EAAE,eAAe,GAAI,EAC1D,qBAAqB,IAAI,CACxB,8BACE,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,EAC1B,KAAC,gBAAgB,IAAC,SAAS,EAAE,IAAI,YAC/B,KAAC,YAAY,IAAC,GAAG,EAAC,eAAe,EAAC,GAAG,EAAE,eAAe,GAAI,GACzC,IAClB,CACJ,EACA,mBAAmB,IAAI,CACtB,8BACE,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,EACrB,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,YAChC,KAAC,YAAY,IAAC,GAAG,EAAC,eAAe,EAAC,GAAG,EAAE,aAAa,GAAI,GACvC,IAClB,CACJ,EACA,wBAAwB,IAAI,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3C,EACd,KAAC,OAAO,IAAC,OAAO,EAAE,aAAa,YAC7B,KAAC,QAAQ,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,QAAQ,GAAa,GAC5C,IACC,EACZ,IAAI,IAAI,KAAC,IAAI,IAAC,GAAG,EAAE,IAAI,GAAI,IAClB,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const Logo: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
10
- export declare const RightBlock: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const ExitBtn: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
18
- export declare const ExitIcon: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
22
- export declare const Interactive: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
- export declare const ReactionIconWrap: import("@emotion/styled").StyledComponent<{
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
29
- } & {
30
- isSuccess: boolean;
31
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
32
- export declare const ReactionIcon: import("@emotion/styled").StyledComponent<{
33
- theme?: import("@emotion/react").Theme | undefined;
34
- as?: import("react").ElementType<any> | undefined;
35
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-header/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;CAM7C,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;CAUnC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGjC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKpC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAwB;sBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAOzE,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAA"}
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- interface VotingOptionProps {
3
- icon: string;
4
- title: string;
5
- id: string;
6
- questionId: string;
7
- percentage: number;
8
- disabled: boolean;
9
- correct: boolean;
10
- questionAnswered: boolean;
11
- hasCorrectAnswer: boolean;
12
- answered: boolean;
13
- onVote: (questionId: string, answerId: string) => void;
14
- toggleIsLoadingSubmitAnswer: (flag: boolean) => void;
15
- }
16
- export declare const VotingOption: React.FC<VotingOptionProps>;
17
- export {};
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import checkIconGreen from '../../../../../assets/icons/icon-check.svg';
3
- import checkIconWhite from '../../../../../assets/icons/icon-check-white.svg';
4
- import { Container, AnsweredContainer, ButtonPct, Icon, Title, Percentage, Button, Indicators, CheckIconWrap, CheckIcon, } from './styles';
5
- export const VotingOption = ({ icon, id, title, questionId, disabled, percentage, onVote, toggleIsLoadingSubmitAnswer, correct, questionAnswered, hasCorrectAnswer, answered, }) => {
6
- if (questionAnswered && answered) {
7
- return (_jsxs(AnsweredContainer, { answeredCorrect: !hasCorrectAnswer || correct, questionAnswered: false, children: [_jsx(ButtonPct, { style: { width: `${percentage}%` } }), _jsxs(Button, { disabled: disabled, onClick: () => onVote(questionId, id), children: [icon && _jsx(Icon, { alt: "option-icon", src: icon }), _jsx(Title, { children: title }), _jsxs(Indicators, { children: [hasCorrectAnswer && correct && (_jsx(CheckIconWrap, { children: _jsx(CheckIcon, { alt: "icon-correct", src: answered ? checkIconWhite : checkIconGreen }) })), _jsxs(Percentage, { children: [percentage, "%"] })] })] })] }));
8
- }
9
- return (_jsxs(Container, { questionAnswered: questionAnswered, children: [questionAnswered && _jsx(ButtonPct, { style: { width: `${percentage}%` } }), _jsxs(Button, { disabled: disabled, onClick: () => {
10
- toggleIsLoadingSubmitAnswer(true);
11
- onVote(questionId, id);
12
- }, children: [icon && _jsx(Icon, { alt: "option-icon", src: icon }), _jsx(Title, { children: title }), questionAnswered && (_jsxs(Indicators, { children: [hasCorrectAnswer && correct && (_jsx(CheckIconWrap, { children: _jsx(CheckIcon, { alt: "icon-correct", src: answered ? checkIconWhite : checkIconGreen }) })), _jsxs(Percentage, { children: [percentage, "%"] })] }))] })] }));
13
- };
14
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-option/index.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,4CAA4C,CAAA;AACvE,OAAO,cAAc,MAAM,kDAAkD,CAAA;AAE7E,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,MAAM,EACN,UAAU,EACV,aAAa,EACb,SAAS,GACV,MAAM,UAAU,CAAA;AAiBjB,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,MAAM,EACN,2BAA2B,EAC3B,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,gBAAgB,IAAI,QAAQ,EAAE;QAChC,OAAO,CACL,MAAC,iBAAiB,IAAC,eAAe,EAAE,CAAC,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,EAAE,KAAK,aACvF,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAAI,EACjD,MAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,aAC9D,IAAI,IAAI,KAAC,IAAI,IAAC,GAAG,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,GAAI,EAC9C,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,MAAC,UAAU,eACR,gBAAgB,IAAI,OAAO,IAAI,CAC9B,KAAC,aAAa,cACZ,KAAC,SAAS,IAAC,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,GAAI,GACnE,CACjB,EACD,MAAC,UAAU,eAAE,UAAU,SAAe,IAC3B,IACN,IACS,CACrB,CAAA;KACF;IAED,OAAO,CACL,MAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,aAC1C,gBAAgB,IAAI,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAAI,EACtE,MAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACjC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;gBACxB,CAAC,aAEA,IAAI,IAAI,KAAC,IAAI,IAAC,GAAG,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,GAAI,EAC9C,KAAC,KAAK,cAAE,KAAK,GAAS,EACrB,gBAAgB,IAAI,CACnB,MAAC,UAAU,eACR,gBAAgB,IAAI,OAAO,IAAI,CAC9B,KAAC,aAAa,cACZ,KAAC,SAAS,IAAC,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,GAAI,GACnE,CACjB,EACD,MAAC,UAAU,eAAE,UAAU,SAAe,IAC3B,CACd,IACM,IACC,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -1,49 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- questionAnswered: boolean;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const AnsweredContainer: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- } & {
12
- questionAnswered: boolean;
13
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
14
- theme?: import("@emotion/react").Theme | undefined;
15
- } & {
16
- answeredCorrect: boolean;
17
- }, {}, {}>;
18
- export declare const ButtonPct: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
- export declare const Button: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
26
- export declare const Icon: import("@emotion/styled").StyledComponent<{
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
29
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
30
- export declare const Title: import("@emotion/styled").StyledComponent<{
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
33
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
- export declare const Indicators: import("@emotion/styled").StyledComponent<{
35
- theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any> | undefined;
37
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
38
- export declare const CheckIconWrap: import("@emotion/styled").StyledComponent<{
39
- theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any> | undefined;
41
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
42
- export declare const Percentage: import("@emotion/styled").StyledComponent<{
43
- theme?: import("@emotion/react").Theme | undefined;
44
- as?: import("react").ElementType<any> | undefined;
45
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
46
- export declare const CheckIcon: import("@emotion/styled").StyledComponent<{
47
- theme?: import("@emotion/react").Theme | undefined;
48
- as?: import("react").ElementType<any> | undefined;
49
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
@@ -1,85 +0,0 @@
1
- import styled from '@emotion/styled';
2
- export const Container = styled.div `
3
- box-sizing: border-box;
4
- border-radius: 4px;
5
- height: 44px;
6
- background-color: ${(props) => props.theme.COLORS.BG_TRANSPARENT_ITEM_VOTE};
7
- border: 2px solid transparent;
8
- position: relative;
9
-
10
- ${(props) => !props.questionAnswered &&
11
- `
12
- &:hover {
13
- border-color: inherit;
14
- }
15
- `}
16
- `;
17
- export const AnsweredContainer = styled(Container) `
18
- background-color: ${({ answeredCorrect, theme }) => answeredCorrect ? theme.COLORS.BG_TRANSPARENT_ITEM_SUCCESS : theme.COLORS.BG_TRANSPARENT_ITEM_ERROR};
19
- border: 2px solid;
20
- border-color: ${({ answeredCorrect, theme }) => answeredCorrect ? theme.COLORS.BLUE_PRIMARY : theme.COLORS.RED_PRIMARY};
21
-
22
- &:hover {
23
- border-color: ${({ answeredCorrect, theme }) => answeredCorrect ? theme.COLORS.BLUE_PRIMARY : theme.COLORS.RED_PRIMARY};
24
- }
25
- `;
26
- export const ButtonPct = styled.div `
27
- position: absolute;
28
- left: 0;
29
- border-radius: 2px;
30
- z-index: 0;
31
- height: 100%;
32
- background-color: inherit;
33
- transition: all 1s ease-in;
34
- `;
35
- export const Button = styled.button `
36
- border-radius: 20px;
37
- position: relative;
38
- background-color: transparent;
39
- padding: 0px 16px;
40
- display: flex;
41
- align-items: center;
42
- border: none;
43
- outline: none;
44
- width: 100%;
45
- color: ${(props) => props.theme.COLORS.WHITE};
46
- font-weight: 700;
47
- font-size: 14px;
48
- height: 100%;
49
- border-radius: 2px;
50
- cursor: pointer;
51
-
52
- &:disabled {
53
- cursor: default;
54
- }
55
- `;
56
- export const Icon = styled.img `
57
- width: 32px;
58
- height: 32px;
59
- border-radius: 50%;
60
- margin-right: 8px;
61
- `;
62
- export const Title = styled.span `
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- white-space: nowrap;
66
- padding: 8px 0px;
67
- flex: 1;
68
- text-align: left;
69
- `;
70
- export const Indicators = styled.span `
71
- display: flex;
72
- `;
73
- export const CheckIconWrap = styled.div `
74
- width: 16px;
75
- height: 16px;
76
- margin-left: 8px;
77
- `;
78
- export const Percentage = styled.div `
79
- margin-left: 12px;
80
- `;
81
- export const CheckIcon = styled.img `
82
- width: 16px;
83
- height: 16px;
84
- `;
85
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/vote/components/voting-option/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA+B;;;;sBAI5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,wBAAwB;;;;IAIxE,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,KAAK,CAAC,gBAAgB;IACvB;;;;GAID;CACF,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAC,CAA8B;sBAC1D,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CACjD,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,yBAAyB;;kBAErF,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;;oBAGtD,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;CAE3E,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQlC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;WAUxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;CAU7C,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAO/B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;;CAEpC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEnC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAA"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { QuestionType } from '@streamlayer/sdk-web-types';
3
- interface VoteProps {
4
- title: string;
5
- questionId: string;
6
- options: any[];
7
- questionType: QuestionType;
8
- feedbackMessages: any;
9
- questionAnswered: boolean;
10
- questionAnsweredCorrectly?: boolean;
11
- }
12
- export declare const Vote: React.FC<VoteProps>;
13
- export {};
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { QuestionType } from '@streamlayer/sdk-web-types';
3
- import { useState, useEffect, useCallback } from 'react';
4
- import checkIcon from '../../../assets/icons/icon-check.svg';
5
- import closeIcon from '../../../assets/icons/icon-close.svg';
6
- import { VotingOption } from './components/voting-option';
7
- import { Container, Title, Options, Loader, Feedback, FeedbackIcon, FeedbackTitle, FeedbackDescription } from './styles';
8
- export const Vote = ({ title, questionId, options, questionAnswered, feedbackMessages, questionAnsweredCorrectly, questionType, }) => {
9
- const [isLoadingSubmitAnswer, setIsLoadingSubmitAnswer] = useState(false);
10
- const toggleIsLoadingSubmitAnswer = useCallback((flag) => {
11
- setIsLoadingSubmitAnswer(flag);
12
- }, [setIsLoadingSubmitAnswer]);
13
- useEffect(() => {
14
- toggleIsLoadingSubmitAnswer(false);
15
- }, [options, toggleIsLoadingSubmitAnswer]);
16
- return (_jsxs(Container, { children: [_jsx(Title, { children: title }), _jsxs(Options, { children: [isLoadingSubmitAnswer && _jsx(Loader, { children: "Loading..." }), options.map((props) => (_jsx(VotingOption, { toggleIsLoadingSubmitAnswer: toggleIsLoadingSubmitAnswer, questionId: questionId, ...props }, props.id)))] }), questionAnswered && questionType === QuestionType.TRIVIA && (_jsxs(Feedback, { children: [_jsx(FeedbackIcon, { alt: "reaction-to-answer", src: questionAnsweredCorrectly ? checkIcon : closeIcon }), _jsxs("div", { children: [_jsx(FeedbackTitle, { children: questionAnsweredCorrectly
17
- ? feedbackMessages.correctFeedback.title
18
- : feedbackMessages.incorrectFeedback.title }), _jsx(FeedbackDescription, { children: questionAnsweredCorrectly
19
- ? feedbackMessages.correctFeedback.description
20
- : feedbackMessages.incorrectFeedback.description })] })] }))] }));
21
- };
22
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/vote/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,SAAS,MAAM,sCAAsC,CAAA;AAC5D,OAAO,SAAS,MAAM,sCAAsC,CAAA;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAWxH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,yBAAyB,EACzB,YAAY,GACb,EAAE,EAAE;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzE,MAAM,2BAA2B,GAAG,WAAW,CAC7C,CAAC,IAAa,EAAE,EAAE;QAChB,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EACD,CAAC,wBAAwB,CAAC,CAC3B,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,2BAA2B,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAA;IAE1C,OAAO,CACL,MAAC,SAAS,eACR,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,MAAC,OAAO,eACL,qBAAqB,IAAI,KAAC,MAAM,6BAAoB,EACpD,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,KAAC,YAAY,IACX,2BAA2B,EAAE,2BAA2B,EACxD,UAAU,EAAE,UAAU,KAElB,KAAK,IADJ,KAAK,CAAC,EAAE,CAEb,CACH,CAAC,IACM,EACT,gBAAgB,IAAI,YAAY,KAAK,YAAY,CAAC,MAAM,IAAI,CAC3D,MAAC,QAAQ,eACP,KAAC,YAAY,IAAC,GAAG,EAAC,oBAAoB,EAAC,GAAG,EAAE,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAiB,EAC9G,0BACE,KAAC,aAAa,cACX,yBAAyB;oCACxB,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,KAAK;oCACxC,CAAC,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,GAC9B,EAChB,KAAC,mBAAmB,cACjB,yBAAyB;oCACxB,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,WAAW;oCAC9C,CAAC,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,WAAW,GAC9B,IAClB,IACG,CACZ,IACS,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -1,33 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const Title: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const Options: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const Loader: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
- export declare const Feedback: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
- export declare const FeedbackIcon: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
26
- export declare const FeedbackTitle: import("@emotion/styled").StyledComponent<{
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
29
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
- export declare const FeedbackDescription: import("@emotion/styled").StyledComponent<{
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
33
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/vote/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;WAExB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;CAO7C,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQhC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;sBAGV,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,6BAA6B;;;;;;;CAOhF,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOtC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ5C,CAAA"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StreamLayerThemeProvider: React.FC<{
3
- children: React.ReactNode;
4
- }>;
@@ -1,5 +0,0 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { ThemeProvider } from '@emotion/react';
3
- import { theme } from './theme';
4
- export const StreamLayerThemeProvider = ({ children }) => (_jsx(ThemeProvider, { theme: theme, children: children }));
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/theme/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjG,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAiB,CACxD,CAAA"}