fix(dashboard): Integration store provider crash fixes NV-7120

[scopsy]

What changed? Why was the change needed?

This PR fixes a crash in the integration store when connecting providers like SparkPost or iSendSMS (NV-7120).

The issue occurred because the DropdownInput component was passing null values from credential definitions (e.g., value: null for a 'Default' option) as empty strings ('') to Radix's <SelectItem /> component. Radix Select explicitly forbids empty string values for SelectItem as it uses '' internally to clear the selection.

The fix introduces toSelectValue and fromSelectValue helper functions in credential-section.tsx to map null/undefined/empty values to a sentinel string ("__null__") for Radix Select, and converts them back to an empty string when the user makes a selection. This prevents the crash while preserving the intended behavior.

Relevant links:

• Linear ticket: NV-7120

Screenshots

The fix resolves the UI crash shown in the Linear ticket.

---

Linear Issue: NV-7120

 

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}

[linear]

NV-7120 Integration store crashes when connecting SparkPost provider

[netlify]

✅ Deploy Preview for dashboard-v2-novu-staging ready!

Name	Link
🔨 Latest commit	bb14edd
🔍 Latest deploy log	https://app.netlify.com/projects/dashboard-v2-novu-staging/deploys/699c4df10167d100088027f6
😎 Deploy Preview	https://deploy-preview-10051.dashboard-v2.novu-staging.co
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between de329bc and bb14edd.

📒 Files selected for processing (1)

• apps/dashboard/src/components/integrations/components/credential-section.tsx

---

Walkthrough

This change modifies the credential section component to improve handling of null-equivalent values in dropdown selections. Three internal helpers are introduced: NULL_DROPDOWN_VALUE, toSelectValue, and fromSelectValue. The DropdownInput component is updated to map the form's string value to the Select component's format using toSelectValue when displaying, and converts the selected value back using fromSelectValue before invoking field.onChange. Additionally, dropdown option rendering is updated to normalize option values consistently using toSelectValue for both SelectItem key and value attributes. The modifications ensure safe null value representation throughout the dropdown selection flow.

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}