feat: hide content of textarea with multiline keys

[davidsoderberg]

What change does this PR introduce?

Fix so private key in apns can be multiline

[linear]

NV-1529 🐛 Bug Report: APNS private key is not being parsed correctly

📜 Description

In APNS provider there is a field in order to set the private key. However, it seems that if someone copies the key and places it in that specific field, it's not getting parsed correctly and as a result, an error occurs when trying to send a notification.

{
"stack": "Error: Could not build push handler id: 638f1b1c79b266fa794fd3e5, error: VError: Failed to generate token: error:0909006C:PEM routines:get_name:no start line\n at PushFactory.getHandler (/usr/src/app/apps/api/dist/main.js:16142:19)\n at SendMessagePush. (/usr/src/app/apps/api/dist/main.js:16089:54)\n at Generator.next ()\n at fulfilled (/usr/src/app/apps/api/dist/main.js:15948:58)\n at runMicrotasks ()\n at processTicksAndRejections (node:internal/process/task_queues:96:5)",
"message": "Could not build push handler id: 638f1b1c79b266fa794fd3e5, error: VError: Failed to generate token: error:0909006C:PEM routines:get_name:no start line"
}

NOTE:
****The private key is being set correctly if you update the provider using the API /v1/integrations/{providerId} and manually set the key in the request body with a valid format.

👟 Reproduction steps

1. Copy the APNS private key
2. Enter it in the private key field
3. Enter the other values (key id, team id) and activate the provider
4. Send a push notification using APNS

👍 Expected behavior

Push notification should be sent.

👎 Actual Behavior with Screenshots

{
"stack": "Error: Could not build push handler id: 638f1b1c79b266fa794fd3e5, error: VError: Failed to generate token: error:0909006C:PEM routines:get_name:no start line\n at PushFactory.getHandler (/usr/src/app/apps/api/dist/main.js:16142:19)\n at SendMessagePush. (/usr/src/app/apps/api/dist/main.js:16089:54)\n at Generator.next ()\n at fulfilled (/usr/src/app/apps/api/dist/main.js:15948:58)\n at runMicrotasks ()\n at processTicksAndRejections (node:internal/process/task_queues:96:5)",
"message": "Could not build push handler id: 638f1b1c79b266fa794fd3e5, error: VError: Failed to generate token: error:0909006C:PEM routines:get_name:no start line"
}

The format of the key normally is the following:

-----BEGIN PRIVATE KEY-----
aaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb
cccccccccccccccc
dddddddd
-----END PRIVATE KEY-----

After setting it in the dashboard like I described above, the /v1/integrations API returns:

-----BEGIN PRIVATE KEY----- aaaaaaaaaaaa bbbbbbbbbbbbbbbbbbb cccccccccccccccc dddddddd -----END PRIVATE KEY-----

It seems that it replaces the \n with whitespaces.

💻 Operating system

MacOS

🤖 Node Version

Using docker (ghcr.io/novuhq/novu/api:0.9.0) - I think Node 16

📃 Provide any additional context for the Bug.

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to submit PR?

None

[scopsy]

I wonder if we can refactor this to have the PasswordInput if statement not here, but rather on the "string" type input 🤔

[davidsoderberg]

yes lets create a tech debt for this 😄