feat(input): ⚡️ Better payment accessibility

apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/PaymentSettings/PaymentSettings.tsx

@@ -75,7 +75,13 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
   const handleButtonLabelChange = (button: string) =>
     onOptionsChange({
       ...options,
-      labels: { button },
+      labels: { ...options.labels, button },
+    })
+
+  const handleSuccessLabelChange = (success: string) =>
+    onOptionsChange({
+      ...options,
+      labels: { ...options.labels, success },
     })
 
   return (
@@ -130,6 +136,14 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
           placeholder="Pay"
         />
       </Stack>
+      <Stack>
+        <Text>Success message:</Text>
+        <Input
+          onChange={handleSuccessLabelChange}
+          defaultValue={options.labels.success ?? 'Success'}
+          placeholder="Success"
+        />
+      </Stack>
       <Accordion allowToggle>
         <AccordionItem>
           <AccordionButton justifyContent="space-between">

apps/builder/playwright/tests/customDomains.spec.ts

@@ -61,6 +61,7 @@ test.describe('Free workspace', () => {
       },
     ])
     await page.goto(`/typebots/${typebotId}/share`)
+    await expect(page.locator('text=Pro')).toBeVisible()
     await page.click('text=Add my domain')
     await expect(page.locator('text=For solo creator')).toBeVisible()
   })

apps/builder/playwright/tests/templates.spec.ts

@@ -11,6 +11,7 @@ test.describe.parallel('Templates page', () => {
 
   test('From file should import correctly', async ({ page }) => {
     await page.goto('/typebots/create')
+    await page.waitForTimeout(1000)
     await page.setInputFiles(
       'input[type="file"]',
       path.join(__dirname, '../fixtures/typebots/singleChoiceTarget.json')

apps/viewer/pages/api/integrations/stripe/createPaymentIntent.ts

@@ -61,25 +61,39 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     const receiptEmail = parseVariables(variables)(
       inputOptions.additionalInformation?.email
     )
-    const paymentIntent = await stripe.paymentIntents.create({
-      amount,
-      currency: inputOptions.currency,
-      receipt_email: receiptEmail === '' ? undefined : receiptEmail,
-      automatic_payment_methods: {
-        enabled: true,
-      },
-    })
+    try {
+      const paymentIntent = await stripe.paymentIntents.create({
+        amount,
+        currency: inputOptions.currency,
+        receipt_email: receiptEmail === '' ? undefined : receiptEmail,
+        automatic_payment_methods: {
+          enabled: true,
+        },
+      })
 
-    return res.send({
-      clientSecret: paymentIntent.client_secret,
-      publicKey:
-        isPreview && stripeKeys.test?.publicKey
-          ? stripeKeys.test.publicKey
-          : stripeKeys.live.publicKey,
-      amountLabel: `${amount / 100}${
-        currencySymbols[inputOptions.currency] ?? inputOptions.currency
-      }`,
-    })
+      return res.send({
+        clientSecret: paymentIntent.client_secret,
+        publicKey:
+          isPreview && stripeKeys.test?.publicKey
+            ? stripeKeys.test.publicKey
+            : stripeKeys.live.publicKey,
+        amountLabel: `${amount / 100}${
+          currencySymbols[inputOptions.currency] ?? ` ${inputOptions.currency}`
+        }`,
+      })
+    } catch (err) {
+      const error = err as any
+      return 'raw' in error
+        ? res.status(error.raw.statusCode).send({
+            error: {
+              name: `${error.raw.type} ${error.raw.param}`,
+              message: error.raw.message,
+            },
+          })
+        : res.status(500).send({
+            error,
+          })
+    }
   }
   return methodNotAllowed(res)
 }