fix(editor): 🐛 Custom currency payment input

apps/builder/components/auth/SignInForm.tsx

@@ -14,7 +14,7 @@ import { DividerWithText } from './DividerWithText'
 import { SocialLoginButtons } from './SocialLoginButtons'
 import { useRouter } from 'next/router'
 import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
-import { isEmpty } from 'utils'
+import { isEmpty, isNotEmpty } from 'utils'
 
 const hasNoAuthProvider =
   (isEmpty(process.env.NEXT_PUBLIC_SMTP_FROM) ||
@@ -78,7 +78,7 @@ export const SignInForm = ({
   return (
     <Stack spacing="4" w="330px">
       <SocialLoginButtons />
-      {!isEmpty(process.env.NEXT_PUBLIC_SMTP_FROM) &&
+      {isNotEmpty(process.env.NEXT_PUBLIC_SMTP_FROM) &&
         process.env.NEXT_PUBLIC_SMTP_AUTH_DISABLED !== 'true' && (
           <>
             <DividerWithText mt="6">Or with your email</DividerWithText>

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

@@ -111,11 +111,11 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
           <Text>Currency:</Text>
           <Select
             placeholder="Select option"
-            value={options.currency.toLowerCase()}
+            value={options.currency}
             onChange={handleCurrencyChange}
           >
             {currencies.map((currency) => (
-              <option value={currency.code.toLowerCase()} key={currency.code}>
+              <option value={currency.code} key={currency.code}>
                 {currency.code}
               </option>
             ))}

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

@@ -46,6 +46,7 @@ test.describe('Payment input step', () => {
     await expect(page.locator('text="Secret test key:"')).toBeHidden()
     await expect(page.locator('text="My Stripe Account"')).toBeVisible()
     await page.fill('[placeholder="30.00"] >> nth=-1', '30.00')
+    await page.selectOption('select', 'EUR')
     await page.click('text=Additional information')
     await page.fill('[placeholder="John Smith"]', 'Baptiste')
     await page.fill('[placeholder="john@gmail.com"]', 'baptiste@typebot.io')
@@ -59,15 +60,14 @@ test.describe('Payment input step', () => {
       .locator(`[placeholder="MM / YY"]`)
       .fill('12 / 25')
     await stripePaymentForm(page).locator(`[placeholder="CVC"]`).fill('240')
-    await stripePaymentForm(page).locator(`[placeholder="90210"]`).fill('90210')
-    await typebotViewer(page).locator(`text="Pay 30$"`).click()
+    await typebotViewer(page).locator(`text="Pay 30€"`).click()
     await expect(
       typebotViewer(page).locator(`text="Your card was declined."`)
     ).toBeVisible()
     await stripePaymentForm(page)
       .locator(`[placeholder="1234 1234 1234 1234"]`)
       .fill('4242424242424242')
-    await typebotViewer(page).locator(`text="Pay 30$"`).click()
+    await typebotViewer(page).locator(`text="Pay 30€"`).click()
     await expect(typebotViewer(page).locator(`text="Success"`)).toBeVisible()
   })
 })

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

@@ -74,7 +74,9 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
         isPreview && stripeKeys.test?.publicKey
           ? stripeKeys.test.publicKey
           : stripeKeys.live.publicKey,
-      amountLabel: `${amount / 100}${currencySymbols[inputOptions.currency]}`,
+      amountLabel: `${amount / 100}${
+        currencySymbols[inputOptions.currency] ?? inputOptions.currency
+      }`,
     })
   }
   return methodNotAllowed(res)