feat(surveys): add support for a 7 point likert scale

src/extensions/surveys/components/QuestionTypes.tsx

@@ -158,7 +158,7 @@ export function RatingQuestion({
                             className="rating-options-number"
                             style={{ gridTemplateColumns: `repeat(${scale - starting + 1}, minmax(0, 1fr))` }}
                         >
-                            {(question.scale === 5 ? fiveScaleNumbers : tenScaleNumbers).map((number, idx) => {
+                            {getScaleNumbers(question.scale).map((number, idx) => {
                                 const active = rating === number
                                 return (
                                     <RatingButton
@@ -369,4 +369,18 @@ export function MultipleChoiceQuestion({
 const threeScaleEmojis = [dissatisfiedEmoji, neutralEmoji, satisfiedEmoji]
 const fiveScaleEmojis = [veryDissatisfiedEmoji, dissatisfiedEmoji, neutralEmoji, satisfiedEmoji, verySatisfiedEmoji]
 const fiveScaleNumbers = [1, 2, 3, 4, 5]
+const sevenScaleNumbers = [1, 2, 3, 4, 5, 6, 7]
 const tenScaleNumbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+
+function getScaleNumbers(scale: number): number[] {
+    switch (scale) {
+        case 5:
+            return fiveScaleNumbers
+        case 7:
+            return sevenScaleNumbers
+        case 10:
+            return tenScaleNumbers
+        default:
+            return fiveScaleNumbers
+    }
+}

src/posthog-surveys-types.ts

@@ -70,7 +70,7 @@ export interface LinkSurveyQuestion extends SurveyQuestionBase {
 export interface RatingSurveyQuestion extends SurveyQuestionBase {
     type: SurveyQuestionType.Rating
     display: 'number' | 'emoji'
-    scale: number
+    scale: 3 | 5 | 7 | 10
     lowerBoundLabel: string
     upperBoundLabel: string
 }