@explorer02/cfm-survey-sdk 0.1.7 → 0.1.9

package/templates/docs/01-sdk-core/04-pagination.md

@@ -1,72 +0,0 @@
-# Pagination — `useSurveyPagination`
-
-> **Source**: `packages/sdk/src/surveyPagination/useSurveyPagination.ts`
-> **Called by**: `useSurveySDK()` internally.
-
-## What It Does
-
-Manages the multi-page survey state: current page index, user answers, validation errors, page navigation, and wires into submission and progress tracking.
-
-## State Shape
-
-```typescript
-{
-  currentPageIndex: number,                    // Zero-based active page
-  values: Record<string, AnswerValue>,         // All answers keyed by question ID
-  validationErrors: Record<string, string>,    // Error messages keyed by question ID
-  currentQuestions: SurveyQuestion[],          // Questions on the active page
-  progressPercentage: number,                  // 0–100 completion percentage
-}
-```
-
-## Navigation Actions
-
-### `onNext()` (dispatched by `onAction({ type: 'NEXT' })`)
-1. Validates all questions on the current page
-2. If validation fails → populates `validationErrors` → scrolls to first error
-3. If validation passes → clears errors → increments `currentPageIndex`
-4. If already on the last page → auto-redirects to `onSubmit()`
-
-### `onBack()` (dispatched by `onAction({ type: 'PREVIOUS' })`)
-1. Decrements `currentPageIndex` (minimum 0)
-2. Scrolls to the top of the new page
-3. Logs backtrack analytics
-
-### `onChange(questionId, value)` (dispatched by `onAction({ type: 'CHANGE', payload })`)
-1. Updates `values[questionId] = value`
-2. If the question had a validation error, clears it immediately
-
-### `onSubmit()` (dispatched by `onAction({ type: 'SUBMIT' })` or auto-triggered)
-1. Validates ALL pages (not just current)
-2. If any page has errors → navigates to the error page → scrolls to first error
-3. If all valid → calls `submit(values)` → sends response to server
-
-## Progress Tracking
-
-`useSurveyProgress` computes `progressPercentage`:
-- Counts total answerable questions across ALL pages (excludes `text_and_media`)
-- Counts questions that have a non-empty value in `values`
-- Formula: `(answered / total) * 100`
-
-## Internal Refs (Analytics)
-
-The hook maintains a `useRef` for analytics data that persists across renders:
-- `pageStartTime` — timestamp when current page was entered
-- `sessionStartTime` — timestamp when survey was first loaded
-- `maxVisitedPageIndex` — furthest page the user has reached
-- `validationErrorsCount` — total validation failures during the session
-- `backtrackCount` — number of times user navigated backwards
-
-These are used for telemetry and do NOT affect the UI.
-
-## Auto-Submit on Last Page
-
-When `onAction({ type: 'NEXT' })` is dispatched on the last page, the SDK's `useSurveySDK` dispatcher automatically converts it to `{ type: 'SUBMIT' }`:
-
-```typescript
-if (action.type === 'NEXT' && currentPageIndex === survey.pages.length - 1) {
-  action = { type: 'SUBMIT' };
-}
-```
-
-This means the client's "Next" button on the last page automatically becomes "Submit" in behaviour.

package/templates/docs/01-sdk-core/05-validation.md

@@ -1,66 +0,0 @@
-# Validation — `validateQuestions` & `validateAllPages`
-
-> **Source**: `packages/sdk/src/surveyPagination/utils/validation.ts`
-> **Called by**: `useOnNext()` and `useOnSubmit()` internally.
-
-## What It Does
-
-Validates required questions before allowing page navigation or survey submission. Populates `state.validationErrors` with per-question error messages.
-
-## Validation Rules
-
-### Standard Questions (rating, radio, text, csat, rating_scale, slider)
-- **Required check**: `value !== undefined && value !== ''`
-- `null` is treated as a **valid** answer (represents the N/A option)
-
-### Matrix Questions (matrix, rating_matrix, slider_matrix)
-- Every row must have a value: `question.rows.every(row => answerMap[row.id] !== undefined && answerMap[row.id] !== '')`
-- `null` per row is valid (N/A option)
-
-### Display-Only Questions (text_and_media)
-- **Always skipped** — `isDisplayOnly()` returns `true`
-- Never counted in validation or progress
-
-## Error Messages
-
-| Source | Priority |
-|--------|----------|
-| `question.requiredErrorMessage` (from API) | **Highest** — custom per-question message |
-| Language-aware default | Fallback |
-
-Default messages:
-- German (`de`): `"Beantworten Sie bitte diese Frage bevor Sie fortfahren."`
-- All other: `"Please answer this question before you proceed."`
-
-## Scroll-to-Error
-
-When validation fails, the SDK:
-1. Identifies the first question with an error
-2. Calls `document.getElementById(questionId)` to find the DOM element
-3. Calls `.scrollIntoView({ behavior: 'smooth', block: 'center' })` to scroll to it
-
-**⚠️ CRITICAL**: This is why every question wrapper element MUST have `id={question.id}`.
-
-## `validateQuestions(questions, values, language)`
-
-Validates a single page's questions. Returns `Record<string, string>` of errors (empty if all valid).
-
-## `validateAllPages(pages, values, language)`
-
-Validates ALL pages at once (used before submission). Returns:
-```typescript
-{
-  errors: Record<string, string>,  // All errors across all pages
-  errorPageIndex: number,          // First page with errors
-  firstErrorId: string,            // First question ID with error
-} | null                           // null = all valid
-```
-
-When this returns non-null, the SDK:
-1. Navigates to `errorPageIndex`
-2. Sets all errors into `validationErrors` state
-3. Scrolls to `firstErrorId`
-
-## `isQuestionAnswered(question, values)`
-
-Exported utility that checks if a single question has been answered. Used by both validation and progress tracking.

package/templates/docs/01-sdk-core/06-submit-survey.md

@@ -1,90 +0,0 @@
-# Submit Survey — `useSubmitResponse` & `buildSubmitRequestBody`
-
-> **Sources**:
-> - `packages/sdk/src/submitSurvey/useSubmitResponse.ts`
-> - `packages/sdk/src/submitSurvey/utils/formatters.ts`
-
-## What It Does
-
-Formats user answers into the Sprinklr CFM API payload structure and sends them via POST.
-
-## Submission Endpoint
-
-```
-POST https://custom-p0.feedbook.me/api/feedback/survey/cfm/response
-```
-
-## Payload Format — `SubmitRequestBody`
-
-```typescript
-{
-  questionToAnswers: Record<string, string[]>,     // Standard + matrix row answers
-  quesIdVsAttachmentDetails: Record<string, any[]>, // File upload attachments
-  optionLevelAnswers: Record<string, string[]>,     // (reserved)
-  conjointTasks: unknown[],                         // (reserved — always [])
-}
-```
-
-## Per-Type Serialization
-
-### Standard Questions (rating, radio, text, csat, rating_scale, slider)
-```
-questionToAnswers[questionId] = [String(value)]
-```
-
-### Matrix Questions (matrix, rating_matrix, slider_matrix)
-Each row becomes a separate entry with a combined key:
-```
-questionToAnswers[`${questionId}_${rowId}`] = [String(rowValue)]
-```
-
-### File Upload
-```
-quesIdVsAttachmentDetails[questionId] = [
-  { id: "...", name: "file.pdf", mediaUrl: "https://..." },
-  ...
-]
-```
-
-### Text and Media (display-only)
-Completely skipped — no data submitted.
-
-## Answer Value Types
-
-```typescript
-type AnswerValue = string | number | null | MatrixAnswerMap | any[];
-
-type MatrixAnswerMap = Record<string, string | number | null | Array<string | number | null>>;
-```
-
-| Question Type | Answer Shape | Example |
-|--------------|-------------|---------|
-| `rating` | `number` | `7` |
-| `radio` | `string \| number` | `"option_1"` |
-| `text` | `string` | `"Great service"` |
-| `csat` | `number \| null` | `4` or `null` (N/A) |
-| `rating_scale` | `number` | `3` |
-| `slider` | `number` | `65` |
-| `matrix` | `MatrixAnswerMap` | `{ "row1": "col2", "row2": null }` |
-| `slider_matrix` | `MatrixAnswerMap` | `{ "row1": 75, "row2": 30 }` |
-| `file_upload` | `UploadedFile[]` | `[{ id, name, mediaUrl }]` |
-| `text_and_media` | (none) | Not submitted |
-
-## Submit Result
-
-```typescript
-type SubmitResult = {
-  success: boolean;
-  responseId: string;   // Generated database ID for the response
-};
-```
-
-Accessible via `submitSurveyResults.data` in the component.
-
-## Error Handling
-
-| Scenario | Behaviour |
-|----------|-----------|
-| Network failure | `submitSurveyResults.error` populated |
-| Server rejection | `submitSurveyResults.error` populated with status |
-| During submission | `submitSurveyResults.isLoading = true` — disable submit button |

package/templates/docs/01-sdk-core/07-language-handling.md

@@ -1,111 +0,0 @@
-# Language Handling — Translations & Placeholders
-
-> **Source**: `packages/sdk/src/fetchSurvey/utils/extractSurveyLanguages.ts`
-
-## How Multi-Language Works
-
-1. The raw API response contains `translations` objects on each question and answer detail
-2. `extractSurveyLanguages()` scans all questions to discover available language codes
-3. `mapSurvey()` resolves text fields using the active language's translations
-4. Language switching is **client-side only** — no API re-fetch
-
-## Language Discovery
-
-The SDK traverses all questions in the survey and collects unique language codes from `question.translations` keys:
-
-```typescript
-// Pseudocode
-languagesSet.add(baseLanguage); // e.g. 'de'
-for each question:
-  for each key in question.translations:
-    languagesSet.add(key);  // e.g. 'en', 'fr'
-```
-
-## Display Names
-
-Built-in language code → display name mapping:
-
-| Code | Display Name |
-|------|-------------|
-| `en` | English |
-| `de` | Deutsch |
-| `hi` | Hindi |
-| `es` | Español |
-| `fr` | Français |
-| `it` | Italiano |
-| `ja` | 日本語 |
-| `ko` | 한국어 |
-| `zh` | 中文 |
-| `bn` | Bengali |
-| `gu` | Gujarati |
-| `mr` | Marathi |
-| `pa` | Punjabi |
-| `ta` | Tamil |
-| `te` | Telugu |
-| `ur` | Urdu |
-
-Unknown codes fall back to `code.toUpperCase()`.
-
-## Translation Resolution Priority
-
-For question text:
-```
-translations[language].questionRichText
-  → translations[language].questionText
-  → raw.questionRichText
-  → raw.questionText
-  → ''
-```
-
-For answer option labels:
-```
-translations[language].answerText → raw.answerText → ''
-```
-
-For validation error messages:
-```
-config.translations[language].value[0] → config.value[0] → default message
-```
-
-## Placeholders
-
-Tokens like `{{FIRST_NAME}}` in question text are replaced at map time:
-
-```typescript
-const SURVEY_PLACEHOLDERS = {
-  FIRST_NAME: 'Customer',
-  LAST_NAME: 'Smith',
-  EMAIL_ADDRESS: 'customer@example.com',
-};
-```
-
-**⚠️ CRITICAL**: Define `SURVEY_PLACEHOLDERS` as a **constant outside the component** to prevent infinite re-render loops:
-
-```tsx
-// ✅ CORRECT — stable reference
-const SURVEY_PLACEHOLDERS = { FIRST_NAME: 'John' };
-export default function SurveyPage() { ... }
-
-// ❌ WRONG — new object every render → infinite re-fetch
-export default function SurveyPage() {
-  useSurveySDK({ options: { placeholders: { FIRST_NAME: 'John' } } });
-}
-```
-
-## Language Switching in UI
-
-```tsx
-const [selectedLanguage, setSelectedLanguage] = useState<string | undefined>("");
-
-// Pass to SDK
-const { ... } = useSurveySDK({ options: { language: selectedLanguage } });
-
-// Render selector
-<LanguageSelector
-  languages={survey.languages}
-  selectedLanguage={survey.language}
-  onChange={setSelectedLanguage}
-/>
-```
-
-When `setSelectedLanguage` fires, the SDK re-maps the cached survey data to the new language — no network request.

package/templates/docs/01-sdk-core/08-icons-and-emojis.md

@@ -1,56 +0,0 @@
-# Icons & Emojis Architecture
-
-> **Source**: `apps/client/src/components/icons.tsx` (to be created by the agent)
-
-## The CSAT Emoji System
-
-The SDK relies on a specific sequence of sentiment faces for CSAT scales. You MUST implement this mapping in your client application using a library like `react-icons/fa` or raw SVGs.
-
-### Default 5-Point Mapping
-
-```tsx
-import { FaRegSmile, FaRegMeh, FaRegFrown, FaRegSmileBeam, FaRegTired } from 'react-icons/fa';
-
-export const CsatEmojiMapping: Record<number | string, JSX.Element> = {
-  1: <FaRegTired className="text-red-500 w-full h-full" />,
-  2: <FaRegFrown className="text-orange-500 w-full h-full" />,
-  3: <FaRegMeh className="text-yellow-500 w-full h-full" />,
-  4: <FaRegSmile className="text-green-500 w-full h-full" />,
-  5: <FaRegSmileBeam className="text-green-600 w-full h-full" />,
-};
-```
-
-### The `getEmojiForIndex` Helper
-
-Because some surveys use 3-point, 7-point, or 10-point scales instead of 5, you MUST use a helper function to proportionally map any scale length to the 5 core sentiment faces.
-
-```tsx
-export function getEmojiForIndex(index: number, totalOptions: number): JSX.Element {
-  const percentage = index / (totalOptions - 1);
-  
-  if (percentage < 0.2) return CsatEmojiMapping[1];
-  if (percentage < 0.4) return CsatEmojiMapping[2];
-  if (percentage < 0.6) return CsatEmojiMapping[3];
-  if (percentage < 0.8) return CsatEmojiMapping[4];
-  return CsatEmojiMapping[5];
-}
-```
-
-## The Star Icon System
-
-For star ratings, you need filled and empty variants:
-
-```tsx
-import { FaStar, FaRegStar } from 'react-icons/fa';
-
-export const CsatStarIcons = {
-  filled: <FaStar className="text-yellow-400 w-full h-full" />,
-  empty: <FaRegStar className="text-gray-300 w-full h-full" />
-};
-```
-
-## Color Mapping System
-For rating matrices and numbered NPS grids, colors are usually provided by the SDK in `option.color`. If not, use standard NPS coloring:
-- **0-6 (Detractors)**: Red/Orange
-- **7-8 (Passives)**: Yellow
-- **9-10 (Promoters)**: Green

package/templates/docs/01-sdk-core/README.md

@@ -1,53 +0,0 @@
-# SDK Core Architecture
-
-> This folder documents the internal architecture of `@explorer02/cfm-survey-sdk`.
-> Read these files **in order** to understand how the SDK processes a survey from network fetch to user submission.
-
-## Pipeline Overview
-
-```
-┌─────────────┐     ┌──────────────┐     ┌──────────────────┐     ┌─────────────┐
-│  Fetch API  │ ──→ │  Map Survey  │ ──→ │  Map Questions   │ ──→ │  Paginate   │
-│  (network)  │     │  (language)  │     │  (per-type)      │     │  (pages)    │
-└─────────────┘     └──────────────┘     └──────────────────┘     └─────────────┘
-                                                                        │
-                                                                        ▼
-┌─────────────┐     ┌──────────────┐     ┌──────────────────┐     ┌─────────────┐
-│  Submit     │ ←── │  Format Body │ ←── │  Validate        │ ←── │  Render UI  │
-│  (network)  │     │  (payload)   │     │  (required)      │     │  (React)    │
-└─────────────┘     └──────────────┘     └──────────────────┘     └─────────────┘
-```
-
-## Files in This Folder
-
-| File | Topic | When to Read |
-|------|-------|-------------|
-| `01-fetch-survey.md` | Network fetching, API endpoint, instanceId | **Always** — first step |
-| `02-survey-mapper.md` | Raw API → Survey object transformation | **Always** — understand data shape |
-| `03-question-mappers.md` | Question type dispatch, normalizeType | **Always** — core routing logic |
-| `04-pagination.md` | Page navigation, currentPageIndex | **Always** — state management |
-| `05-validation.md` | Required field validation, scroll-to-error | **Always** — UX critical |
-| `06-submit-survey.md` | Response submission, payload formatting | **Always** — submission pipeline |
-| `07-language-handling.md` | Translations, placeholders, language switching | When survey is multi-language |
-| `08-icons-and-emojis.md` | CSAT emoji faces, star icons | When CSAT/rating_scale types present |
-
-## The Single Hook: `useSurveySDK()`
-
-The entire SDK is consumed through **one hook**:
-
-```typescript
-import { useSurveySDK } from '@explorer02/cfm-survey-sdk';
-
-const { surveyQueryResults, submitSurveyResults, state, onAction } = useSurveySDK({
-  options: {
-    instanceId: string,                    // JWT token from client
-    language: string | undefined,          // Active language code
-    placeholders: Record<string, string>,  // Token replacements
-    debug: boolean,                        // Console logging
-  }
-});
-```
-
-This hook internally composes: `useFetchSurvey` → `useSurveyPagination` → `useSubmitResponse` → `useSurveyProgress`.
-
-The client component **never** needs to import or call these internal hooks directly.

package/templates/docs/02-question-types/02-radio.md

@@ -1,26 +0,0 @@
-# Radio Question (MCQ)
-
-> **Type**: `'radio'` | **API Source**: `MCQ` (and any unrecognised answerType)
-> **Mapper**: `radioMapper.ts` | **Component**: Inline in `Question.tsx`
-
-## TypeScript Type
-
-```typescript
-type RadioQuestion = QuestionBase & {
-  type: 'radio';
-  options: SurveyOption[];     // Answer choices
-  isMultiSelect?: boolean;     // If true, answer is (string|number)[]
-};
-```
-
-## Answer Shape: `string | number`
-Example: `"option_1"` or `3`
-If `isMultiSelect: true` → `(string | number)[]`
-
-## Rendering Guidance
-- Render as card-style option list with radio circles
-- Each option: border card with custom radio indicator + label
-- Selected state: brand-color border + light tint background + filled dot
-- Use `<input type="radio" className="sr-only">` for accessibility
-- Labels use `dangerouslySetInnerHTML` (may contain HTML)
-- `onChange={() => onSelect(option.value)}`

package/templates/docs/02-question-types/03-text.md

@@ -1,26 +0,0 @@
-# Text Question (Free Text)
-
-> **Type**: `'text'` | **API Source**: `TEXTFIELD`
-> **Mapper**: `textMapper.ts` | **Component**: Inline in `Question.tsx`
-
-## TypeScript Type
-
-```typescript
-type TextQuestion = QuestionBase & {
-  type: 'text';
-  maxCharacterCount?: number;    // Character limit
-  placeholder?: string;         // Input placeholder text
-  inputVariant?: 'short' | 'long';  // Single-line vs textarea
-};
-```
-
-## Answer Shape: `string`
-Example: `"Great customer service, very satisfied"`
-
-## Rendering Guidance
-- `inputVariant === 'short'` → `<input type="text">`, `inputVariant === 'long'` → `<textarea rows={4}>`
-- Default to `<textarea>` if `inputVariant` is not specified
-- Show character counter: `maxCharacterCount - currentLength` remaining
-- `onChange={e => onSelect(e.target.value)}`
-- Use `question.placeholder` or fallback: `"Type your response here..."`
-- Focus state: brand-color border + ring

package/templates/docs/02-question-types/12-text-and-media.md

@@ -1,35 +0,0 @@
-# Text and Media Question (Display-Only)
-
-> **Type**: `'text_and_media'` | **API Source**: `TEXT_AND_MEDIA`
-> **Mapper**: `textAndMediaMapper.ts` | **Component**: Inline in `Question.tsx`
-
-## TypeScript Type
-
-```typescript
-type TextAndMediaQuestion = QuestionBase & {
-  type: 'text_and_media';
-  mediaUrl?: string;             // Image or video URL
-  mediaMimeType?: string;        // 'image/*' or 'video/*'
-  mediaTitle?: string;           // Caption/alt text
-  mediaAlignment?: string;       // Layout position
-  mediaSize?: number;            // Width percentage
-};
-```
-
-## Answer Shape: NONE
-This is **display-only** — no answer is collected.
-
-## ⚠️ Critical Rules
-- **DO NOT** dispatch a `CHANGE` action for this question type
-- **Excluded** from validation (always passes)
-- **Excluded** from progress percentage counting
-- **Skipped** in `buildSubmitRequestBody()` — nothing is submitted
-
-## Rendering Guidance
-- Show `question.text` as the heading
-- If `mediaUrl` exists:
-  - `mediaMimeType` starts with `'video/'` → `<video controls src={mediaUrl}>`
-  - Otherwise → `<img src={mediaUrl} alt={mediaTitle}>`
-- Position media according to `mediaAlignment`
-- Size media according to `mediaSize` percentage
-- Show `mediaTitle` as caption below media

package/templates/docs/02-question-types/README.md

@@ -1,74 +0,0 @@
-# Question Types Overview
-
-> This folder contains one detailed doc per question type. Each doc covers: TypeScript type, mapper logic, answer shape, properties, and rendering guidance.
-
-## The `SurveyQuestion` Discriminated Union
-
-The SDK maps API questions into a **discriminated union** using the `type` field:
-
-```typescript
-type SurveyQuestion =
-  | RatingQuestion        // type: 'rating'       — NPS 0-10 numeric scale
-  | RadioQuestion         // type: 'radio'        — MCQ single/multi select
-  | TextQuestion          // type: 'text'         — Free text input
-  | CsatQuestion          // type: 'csat'         — 1-5 satisfaction (emoji/star)
-  | RatingScaleQuestion   // type: 'rating_scale' — Star/emoji rating (1-5/1-10)
-  | SliderQuestion        // type: 'slider'       — Single range slider
-  | MatrixQuestion        // type: 'matrix'       — Grid (CFM/CSAT/RATING subTypes)
-  | RatingMatrixQuestion  // type: 'rating_matrix' — NPS-style rating grid
-  | SliderMatrixQuestion  // type: 'slider_matrix' — Grid of range sliders
-  | FileUploadQuestion    // type: 'file_upload'  — File attachment
-  | TextAndMediaQuestion; // type: 'text_and_media' — Display-only media card
-```
-
-## Question → Component Routing Table
-
-| `question.type` | `question.subType` | Client Component | Answer Shape |
-|-----------------|-------------------|-----------------|-------------|
-| `'rating'` | — | `RatingScale` | `number` |
-| `'radio'` | — | Inline radio cards | `string \| number` |
-| `'text'` | — | Inline textarea | `string` |
-| `'csat'` | — | `CsatScale` | `number \| null` |
-| `'rating_scale'` | — | `RatingScale` (star/emoji variant) | `number` |
-| `'slider'` | — | `CustomSliderTrack` | `number` |
-| `'matrix'` | `'CFM_MATRIX'` | `LikertMatrixScale` | `MatrixAnswerMap` |
-| `'matrix'` | `'CSAT_MATRIX'` | `CsatMatrixScale` | `MatrixAnswerMap` |
-| `'matrix'` | `'RATING_MATRIX'` | `CsatMatrixScale` | `MatrixAnswerMap` |
-| `'rating_matrix'` | — | `CsatMatrixScale` | `MatrixAnswerMap` |
-| `'slider_matrix'` | — | `SliderMatrixScale` | `MatrixAnswerMap` |
-| `'file_upload'` | — | `FileUploadScale` | `UploadedFile[]` |
-| `'text_and_media'` | — | Inline media card | (no answer) |
-
-## Shared Base Properties
-
-All question types extend `QuestionBase`:
-
-| Property | Type | Description |
-|----------|------|-------------|
-| `id` | `string` | ⚠️ MUST be DOM element id |
-| `text` | `string` | Question text (may contain HTML) |
-| `description` | `string?` | Supplementary instruction (HTML) |
-| `required` | `boolean?` | Mandatory answer flag |
-| `requiredErrorMessage` | `string?` | Custom validation error |
-| `questionNumber` | `number?` | 1-indexed ordinal |
-| `containerMediaUrl` | `string?` | Image/video alongside question |
-| `containerMediaMimeType` | `string?` | MIME type for container media |
-| `containerMediaAlignment` | `string?` | Media layout position |
-| `containerMediaSize` | `number?` | Media width percentage |
-
-## Files in This Folder
-
-| File | Question Type | API Source |
-|------|-------------|-----------|
-| `01-rating.md` | `RatingQuestion` | `SCALE` (NPS/TEN_POINT) |
-| `02-radio.md` | `RadioQuestion` | `MCQ` |
-| `03-text.md` | `TextQuestion` | `TEXTFIELD` |
-| `04-csat.md` | `CsatQuestion` | `SCALE` (CSAT, ≤5 options) |
-| `05-rating-scale.md` | `RatingScaleQuestion` | `SCALE` (STAR/EMOJI) |
-| `06-slider.md` | `SliderQuestion` | `SCALE` (INPUT_TYPE=SLIDER) |
-| `07-matrix-cfm.md` | `MatrixQuestion` CFM | `CFM_MATRIX` |
-| `08-matrix-csat.md` | `MatrixQuestion` CSAT | `CSAT_MATRIX` |
-| `09-matrix-rating.md` | `RatingMatrixQuestion` | `RATING_MATRIX` |
-| `10-slider-matrix.md` | `SliderMatrixQuestion` | `SLIDER_MATRIX` |
-| `11-file-upload.md` | `FileUploadQuestion` | `FILE_UPLOAD` |
-| `12-text-and-media.md` | `TextAndMediaQuestion` | `TEXT_AND_MEDIA` |