Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix add message provider links #777

Merged
merged 2 commits into from
Feb 8, 2024
Merged

Fix add message provider links #777

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4f2a95a
Adds link to providers
wess Feb 6, 2024
0a825c4
Adds link to all provider tooltipss that opens provider page in new tab
wess Feb 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 28 additions & 18 deletions src/routes/console/project-[project]/messaging/providers/store.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ type ProvidersMap = {
[key in Providers]?: {
imageIcon: string;
title: string;
link: string;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@wess, how come the link was added here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I can remove it, wasn't sure if we would need to reference it anywhere else.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll remove it. thanks for the clarification!

description: string;
configure: {
label: string;
Expand All @@ -44,6 +45,7 @@ export const providers: ProvidersMap = {
[Providers.FCM]: {
imageIcon: 'firebase',
title: 'FCM',
link: 'https://firebase.google.com/',
description: 'Firebase Cloud Messaging',
configure: [
{
Expand All @@ -53,7 +55,7 @@ export const providers: ProvidersMap = {
allowedFileExtensions: ['json'],
placeholder: 'Enter service account JSON',
popover: [
'<b>How to get the FCM service account JSON?</b>',
'<b>How to get the <a style="text-decoration:underline" href="https://firebase.google.com" target="_blank">FCM</a> service account JSON?</b>',
'Head to <b>Project settings -> Service accounts -> Generate new private key.</b>',
'Generating the new key will result in the download of a JSON file.'
]
Expand All @@ -63,6 +65,7 @@ export const providers: ProvidersMap = {
[Providers.APNS]: {
imageIcon: 'apple',
title: 'APNS',
link: 'https://idmsa.apple.com/IDMSWebAuth/signin?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1',
description: 'Apple Push Notification Service',
configure: [
{
Expand All @@ -72,7 +75,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter team ID',
popover: [
'<b>How to get the team ID?</b>',
'Head to <b>Apple Developer Member Center -> Membership details -> Team ID.</b>'
'Head to <b><a style="text-decoration:underline" href="https://idmsa.apple.com/IDMSWebAuth/signin?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1" target="_blank">Apple Developer Member Center</a> -> Membership details -> Team ID.</b>'
]
},
{
Expand All @@ -82,7 +85,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter bundle ID',
popover: [
'<b>How to get the bundle ID?</b>',
'Head to <b>Apple Developer Member Center -> Certificates, Identifiers & Profiles -> Identifiers.</b>',
'Head to <b><a style="text-decoration:underline" href="https://idmsa.apple.com/IDMSWebAuth/signin?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1" target="_blank">Apple Developer Member Center</a> -> Certificates, Identifiers & Profiles -> Identifiers.</b>',
`<a
href="/images/apns-bundle-id.png"
class="file-preview is-with-image"
Expand Down Expand Up @@ -111,7 +114,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter key ID',
popover: [
'<b>How to get the auth key ID?</b>',
'Head to <b>Apple Developer Member Center -> Certificates, Identifiers & Profiles -> Keys.</b>',
'Head to <b><a style="text-decoration:underline" href="https://idmsa.apple.com/IDMSWebAuth/signin?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1" target="_blank">Apple Developer Member Center</a> -> Certificates, Identifiers & Profiles -> Keys.</b>',
'Click on your key to view details.'
]
},
Expand All @@ -122,7 +125,7 @@ export const providers: ProvidersMap = {
allowedFileExtensions: ['p8'],
popover: [
'<b>How to get the authentication key?</b>',
'Head to <b>Apple Developer Member Center</b> (under Program resources) <b>-> Certificates, Identifiers & Profiles -> Keys.</b>',
'Head to <b><a style="text-decoration:underline" href="https://idmsa.apple.com/IDMSWebAuth/signin?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1" target="_blank">Apple Developer Member Center</a></b> (under Program resources) <b>-> Certificates, Identifiers & Profiles -> Keys.</b>',
'Create a key and give it a name. Enable the Apple Push Notifications service (APNS), and register your key.'
]
}
Expand All @@ -143,6 +146,7 @@ export const providers: ProvidersMap = {
[Providers.Mailgun]: {
imageIcon: 'mailgun',
title: 'Mailgun',
link: 'https://signup.mailgun.com/new/signup',
description: '',
configure: [
{
Expand All @@ -152,7 +156,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter API key',
popover: [
'<b>How to get the API key?</b>',
'Create an account in Mailgun.',
'Create an account in <a style="text-decoration:underline" href="https://signup.mailgun.com/new/signup" target="_blank">Mailgun</a>.',
'Head to <b>Profile -> API Security -> Add new key.</b>'
]
},
Expand All @@ -164,7 +168,7 @@ export const providers: ProvidersMap = {
popover: [
'<b>How to create a domain?</b>',
'Head to <b>Sending -> Domains -> Add new domain.</b>',
'Follow <b>Mailgun instructions</b> to verify the domain name.'
'Follow <b><a style="text-decoration:underline" href="https://signup.mailgun.com/new/signup" target="_blank">Mailgun</a> instructions</b> to verify the domain name.'
]
},
{
Expand Down Expand Up @@ -203,6 +207,7 @@ export const providers: ProvidersMap = {
[Providers.Sendgrid]: {
imageIcon: 'sendgrid',
title: 'Sendgrid',
link: 'https://login.sendgrid.com/login/identifier?_gl=1*3vtcwz*_ga*MTMzODgwNDQ5OC4xNzA2MjAxMDUz*_ga_8W5LR442LD*MTcwNjIwMTA1My4xLjAuMTcwNjIwMTA1My4wLjAuMA..',
description: '',
configure: [
{
Expand All @@ -212,7 +217,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter API key',
popover: [
'<b>How to get the API key?</b>',
'Create an account in Mailgun.',
'Create an account in <a style="text-decoration:underline" href="https://login.sendgrid.com/login/identifier?_gl=1*3vtcwz*_ga*MTMzODgwNDQ5OC4xNzA2MjAxMDUz*_ga_8W5LR442LD*MTcwNjIwMTA1My4xLjAuMTcwNjIwMTA1My4wLjAuMA.." target="_blank">Sendgrid</a>.',
'Head to <b>Profile -> API Security -> Add new key.</b>'
]
},
Expand Down Expand Up @@ -253,6 +258,7 @@ export const providers: ProvidersMap = {
[Providers.Twilio]: {
imageIcon: 'twilio',
title: 'Twilio',
link: 'https://login.twilio.com/u/signup?state=hKFo2SBaQktjdzI0ZHdKdm44QUc5YzBRXzlNMmlyTExkRWVTTaFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHpwNUVrWDJzeFRJdUczVU5LTk16X0FHWEQ3dHU0S3hko2NpZNkgTW05M1lTTDVSclpmNzdobUlKZFI3QktZYjZPOXV1cks',
description: '',
configure: [
{
Expand All @@ -262,7 +268,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter Account SID',
popover: [
'<b>How to get the Account SID?</b>',
'Head to <b>Twilio console -> Account info -> Account SID.</b>'
'Head to <b><a style="text-decoration:underline" href="https://login.twilio.com/u/signup?state=hKFo2SBaQktjdzI0ZHdKdm44QUc5YzBRXzlNMmlyTExkRWVTTaFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHpwNUVrWDJzeFRJdUczVU5LTk16X0FHWEQ3dHU0S3hko2NpZNkgTW05M1lTTDVSclpmNzdobUlKZFI3QktZYjZPOXV1cks" target="_blank">Twilio</a> console -> Account info -> Account SID.</b>'
]
},
{
Expand All @@ -272,7 +278,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter Auth token',
popover: [
'<b>How to get the Auth token?</b>',
'Head to <b>Twilio console -> Account info -> Auth Token.</b>'
'Head to <b><a style="text-decoration:underline" href="https://login.twilio.com/u/signup?state=hKFo2SBaQktjdzI0ZHdKdm44QUc5YzBRXzlNMmlyTExkRWVTTaFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHpwNUVrWDJzeFRJdUczVU5LTk16X0FHWEQ3dHU0S3hko2NpZNkgTW05M1lTTDVSclpmNzdobUlKZFI3QktZYjZPOXV1cks" target="_blank">Twilio</a> console -> Account info -> Auth Token.</b>'
]
},
{
Expand All @@ -282,15 +288,16 @@ export const providers: ProvidersMap = {
placeholder: 'Enter phone',
popover: [
'<b>How to get sender number?</b>',
'Head to <b>Twilio console -> Account info -> My Twilio phone number.</b>',
'If you have multiple Twilio phone numbers, you can select one as the default number.'
'Head to <b><a style="text-decoration:underline" href="https://login.twilio.com/u/signup?state=hKFo2SBaQktjdzI0ZHdKdm44QUc5YzBRXzlNMmlyTExkRWVTTaFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHpwNUVrWDJzeFRJdUczVU5LTk16X0FHWEQ3dHU0S3hko2NpZNkgTW05M1lTTDVSclpmNzdobUlKZFI3QktZYjZPOXV1cks" target="_blank">Twilio</a> console -> Account info -> My Twilio phone number.</b>',
'If you have multiple <a style="text-decoration:underline" href="https://login.twilio.com/u/signup?state=hKFo2SBaQktjdzI0ZHdKdm44QUc5YzBRXzlNMmlyTExkRWVTTaFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHpwNUVrWDJzeFRJdUczVU5LTk16X0FHWEQ3dHU0S3hko2NpZNkgTW05M1lTTDVSclpmNzdobUlKZFI3QktZYjZPOXV1cks" target="_blank">Twilio</a> phone numbers, you can select one as the default number.'
]
}
]
},
[Providers.Msg91]: {
imageIcon: 'msg91',
title: 'MSG91',
link: 'https://control.msg91.com/signin/',
description: '',
configure: [
{
Expand All @@ -300,7 +307,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter auth key',
popover: [
'<b>How to get the Auth key?</b>',
'Create an account in MSG91.',
'Create an account in <a style="text-decoration:underline" href="https://control.msg91.com/signin/" target="_blank">MSG91</a>.',
'Click to open the <b>Username dropdown -> Authkey -> Verify your mobile number -> Create Authkey.</b>'
]
},
Expand All @@ -311,7 +318,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter sender ID',
popover: [
'<b>How to create a Sender ID?</b>',
'Head to <b>MSG91 dashboard -> SMS -> Sender ID -> Create sender ID.</b>'
'Head to <b><a style="text-decoration:underline" href="https://control.msg91.com/signin/" target="_blank">MSG91</a> dashboard -> SMS -> Sender ID -> Create sender ID.</b>'
]
},
{
Expand All @@ -325,6 +332,7 @@ export const providers: ProvidersMap = {
[Providers.Telesign]: {
imageIcon: 'telesign',
title: 'Telesign',
link: 'https://www.telesign.com/',
description: '',
configure: [
{
Expand All @@ -350,6 +358,7 @@ export const providers: ProvidersMap = {
[Providers.Textmagic]: {
imageIcon: 'textmagic',
title: 'Textmagic',
link: 'https://app.textmagic.com/login',
description: '',
configure: [
{
Expand All @@ -359,8 +368,8 @@ export const providers: ProvidersMap = {
placeholder: 'Enter API key',
popover: [
'<b>How to get the API key?</b>',
'Create an account in Textmagic.',
'Head to <b>TextMagic dashboard -> API Settings -> Add new API key.</b>'
'Create an account in <a style="text-decoration:underline" href="https://app.textmagic.com/login" target="_blank">Textmagic</a>.',
'Head to <b><a style="text-decoration:underline" href="https://app.textmagic.com/login" target="_blank">TextMagic</a> dashboard -> API Settings -> Add new API key.</b>'
]
},
{
Expand All @@ -380,6 +389,7 @@ export const providers: ProvidersMap = {
[Providers.Vonage]: {
imageIcon: 'vonage',
title: 'Vonage',
link: 'https://www.vonage.com/?bypassgeoloc=true',
description: '',
configure: [
{
Expand All @@ -390,7 +400,7 @@ export const providers: ProvidersMap = {
popover: [
'<b>How to get the API key?</b>',
'Create an account in Vonage.',
'Head to <b>Vonage dashboard and copy the API key.</b>'
'Head to <b><a style="text-decoration:underline" href="https://www.vonage.com/?bypassgeoloc=true" blank="_target">Vonage</a> dashboard and copy the API key.</b>'
]
},
{
Expand All @@ -400,7 +410,7 @@ export const providers: ProvidersMap = {
placeholder: 'Enter API secret',
popover: [
'<b>How to get the API secret?</b>',
'Head to <b>Vonage dashboard and copy the API secret.</b>'
'Head to <b><a style="text-decoration:underline" href="https://www.vonage.com/?bypassgeoloc=true" target="_blank">Vonage</a> dashboard and copy the API secret.</b>'
]
},
{
Expand Down
Loading