Merge branch 'main' of https://github.com/baptisteArno/typebot.io

apps/builder/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/RatingInputContent.tsx

@@ -7,6 +7,7 @@ type Props = {
 
 export const RatingInputContent = ({ block }: Props) => (
   <Text noOfLines={1} pr="6">
-    Rate from 1 to {block.options.length}
+    Rate from {block.options.buttonType === 'Icons' ? 1 : 0} to{' '}
+    {block.options.length}
   </Text>
 )

apps/builder/components/shared/Graph/Nodes/BlockNode/SettingsPopoverContent/bodies/RatingInputSettingsBody.tsx

@@ -33,9 +33,6 @@ export const RatingInputSettings = ({
   const handleLeftLabelChange = (left: string) =>
     onOptionsChange({ ...options, labels: { ...options.labels, left } })
 
-  const handleMiddleLabelChange = (middle: string) =>
-    onOptionsChange({ ...options, labels: { ...options.labels, middle } })
-
   const handleRightLabelChange = (right: string) =>
     onOptionsChange({ ...options, labels: { ...options.labels, right } })
 
@@ -92,7 +89,7 @@ export const RatingInputSettings = ({
       )}
       <Stack>
         <FormLabel mb="0" htmlFor="button">
-          1 label:
+          {options.buttonType === 'Icons' ? '1' : '0'} label:
         </FormLabel>
         <Input
           id="button"
@@ -101,19 +98,6 @@ export const RatingInputSettings = ({
           placeholder="Not likely at all"
         />
       </Stack>
-      {options.length >= 4 && (
-        <Stack>
-          <FormLabel mb="0" htmlFor="button">
-            {Math.floor(options.length / 2)} label:
-          </FormLabel>
-          <Input
-            id="button"
-            defaultValue={options.labels.middle}
-            onChange={handleMiddleLabelChange}
-            placeholder="Neutral"
-          />
-        </Stack>
-      )}
       <Stack>
         <FormLabel mb="0" htmlFor="button">
           {options.length} label:

apps/builder/playwright/tests/inputs/rating.spec.ts

@@ -39,15 +39,14 @@ test('options should work', async ({ page }) => {
   await typebotViewer(page).locator(`text=8`).click()
   await typebotViewer(page).locator(`text=Send`).click()
   await expect(typebotViewer(page).locator(`text=8`)).toBeVisible()
-  await page.click('text=Rate from 1 to 10')
-  await page.click('text=10')
-  await page.click('text=5')
+  await page.click('text=Rate from 0 to 10')
+  await page.click('text="10"')
+  await page.click('text="5"')
   await page.click('text=Numbers')
   await page.click('text=Icons')
   await page.click('text="Custom icon?"')
   await page.fill('[placeholder="<svg>...</svg>"]', boxSvg)
   await page.fill('[placeholder="Not likely at all"]', 'Not likely at all')
-  await page.fill('[placeholder="Neutral"]', 'Neutral')
   await page.fill('[placeholder="Extremely likely"]', 'Extremely likely')
   await page.click('text="Restart"')
   await expect(typebotViewer(page).locator(`text=8`)).toBeHidden()
@@ -55,7 +54,6 @@ test('options should work', async ({ page }) => {
   await expect(
     typebotViewer(page).locator(`text=Not likely at all`)
   ).toBeVisible()
-  await expect(typebotViewer(page).locator(`text=Neutral`)).toBeVisible()
   await expect(
     typebotViewer(page).locator(`text=Extremely likely`)
   ).toBeVisible()