From db0b33a48c9eb2a05aaa4f0e2bfdaf64a65add7f Mon Sep 17 00:00:00 2001 From: Steven Nguyen Date: Thu, 8 Feb 2024 13:39:05 -0800 Subject: [PATCH 01/17] Update links in provider popovers 1. Use class="link" for consistency 2. Add rel="noopener noreferrer" for consistency --- .../messaging/providers/store.ts | 38 +++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/routes/console/project-[project]/messaging/providers/store.ts b/src/routes/console/project-[project]/messaging/providers/store.ts index 23ff8fc0ec..9d7b496982 100644 --- a/src/routes/console/project-[project]/messaging/providers/store.ts +++ b/src/routes/console/project-[project]/messaging/providers/store.ts @@ -66,7 +66,7 @@ export const providers: ProvidersMap = { allowedFileExtensions: ['json'], placeholder: 'Enter service account JSON', popover: [ - 'How to get the FCM service account JSON?', + 'How to get the FCM service account JSON?', 'Head to Project settings -> Service accounts -> Generate new private key.', 'Generating the new key will result in the download of a JSON file.' ] @@ -86,7 +86,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter team ID', popover: [ 'How to get the team ID?', - 'Head to Apple Developer Member Center -> Membership details -> Team ID.' + 'Head to Apple Developer Member Center -> Membership details -> Team ID.' ] }, { @@ -96,11 +96,11 @@ export const providers: ProvidersMap = { placeholder: 'Enter bundle ID', popover: [ 'How to get the bundle ID?', - 'Head to Apple Developer Member Center -> Certificates, Identifiers & Profiles -> Identifiers.', + 'Head to Apple Developer Member Center -> Certificates, Identifiers & Profiles -> Identifiers.', `
@@ -125,7 +125,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter key ID', popover: [ 'How to get the auth key ID?', - 'Head to Apple Developer Member Center -> Certificates, Identifiers & Profiles -> Keys.', + 'Head to Apple Developer Member Center -> Certificates, Identifiers & Profiles -> Keys.', 'Click on your key to view details.' ] }, @@ -136,7 +136,7 @@ export const providers: ProvidersMap = { allowedFileExtensions: ['p8'], popover: [ 'How to get the authentication key?', - 'Head to Apple Developer Member Center (under Program resources) -> Certificates, Identifiers & Profiles -> Keys.', + 'Head to Apple Developer Member Center (under Program resources) -> Certificates, Identifiers & Profiles -> Keys.', 'Create a key and give it a name. Enable the Apple Push Notifications service (APNS), and register your key.' ] } @@ -167,7 +167,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter API key', popover: [ 'How to get the API key?', - 'Create an account in Mailgun.', + 'Create an account in Mailgun.', 'Head to Profile -> API Security -> Add new key.' ] }, @@ -179,7 +179,7 @@ export const providers: ProvidersMap = { popover: [ 'How to create a domain?', 'Head to Sending -> Domains -> Add new domain.', - 'Follow Mailgun instructions to verify the domain name.' + 'Follow Mailgun instructions to verify the domain name.' ] }, { @@ -231,7 +231,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter API key', popover: [ 'How to get the API key?', - 'Create an account in Sendgrid.', + 'Create an account in Sendgrid.', 'Head to Settings -> API Keys -> Create API key.' ] }, @@ -371,7 +371,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter Account SID', popover: [ 'How to get the Account SID?', - 'Head to Twilio console -> Account info -> Account SID.' + 'Head to Twilio console -> Account info -> Account SID.' ] }, { @@ -381,7 +381,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter Auth token', popover: [ 'How to get the Auth token?', - 'Head to Twilio console -> Account info -> Auth Token.' + 'Head to Twilio console -> Account info -> Auth Token.' ] }, { @@ -391,8 +391,8 @@ export const providers: ProvidersMap = { placeholder: 'Enter phone', popover: [ 'How to get sender number?', - 'Head to Twilio console -> Account info -> My Twilio phone number.', - 'If you have multiple Twilio phone numbers, you can select one as the default number.' + 'Head to Twilio console -> Account info -> My Twilio phone number.', + 'If you have multiple Twilio phone numbers, you can select one as the default number.' ] } ] @@ -410,7 +410,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter auth key', popover: [ 'How to get the Auth key?', - 'Create an account in MSG91.', + 'Create an account in MSG91.', 'Click to open the Username dropdown -> Authkey -> Verify your mobile number -> Create Authkey.' ] }, @@ -421,7 +421,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter sender ID', popover: [ 'How to create a Sender ID?', - 'Head to MSG91 dashboard -> SMS -> Sender ID -> Create sender ID.' + 'Head to MSG91 dashboard -> SMS -> Sender ID -> Create sender ID.' ] }, { @@ -471,8 +471,8 @@ export const providers: ProvidersMap = { placeholder: 'Enter API key', popover: [ 'How to get the API key?', - 'Create an account in TextMagic.', - 'Head to TextMagic dashboard -> API Settings -> Add new API key.' + 'Create an account in TextMagic.', + 'Head to TextMagic dashboard -> API Settings -> Add new API key.' ] }, { @@ -503,7 +503,7 @@ export const providers: ProvidersMap = { popover: [ 'How to get the API key?', 'Create an account in Vonage.', - 'Head to Vonage dashboard and copy the API key.' + 'Head to Vonage dashboard and copy the API key.' ] }, { @@ -513,7 +513,7 @@ export const providers: ProvidersMap = { placeholder: 'Enter API secret', popover: [ 'How to get the API secret?', - 'Head to Vonage dashboard and copy the API secret.' + 'Head to Vonage dashboard and copy the API secret.' ] }, { From 9da910abefbbfc6bd64174be187def7324d913c1 Mon Sep 17 00:00:00 2001 From: Steven Nguyen Date: Thu, 8 Feb 2024 13:40:02 -0800 Subject: [PATCH 02/17] Remove provider link property since it's not used --- .../project-[project]/messaging/providers/store.ts | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/src/routes/console/project-[project]/messaging/providers/store.ts b/src/routes/console/project-[project]/messaging/providers/store.ts index 9d7b496982..8754d92477 100644 --- a/src/routes/console/project-[project]/messaging/providers/store.ts +++ b/src/routes/console/project-[project]/messaging/providers/store.ts @@ -21,7 +21,6 @@ type ProvidersMap = { imageIcon?: string; classIcon?: string; title: string; - link: string; description: string; configure: { label: string; @@ -56,7 +55,6 @@ export const providers: ProvidersMap = { [Providers.FCM]: { imageIcon: 'firebase', title: 'FCM', - link: 'https://firebase.google.com/', description: 'Firebase Cloud Messaging', configure: [ { @@ -76,7 +74,6 @@ 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: [ { @@ -157,7 +154,6 @@ export const providers: ProvidersMap = { [Providers.Mailgun]: { imageIcon: 'mailgun', title: 'Mailgun', - link: 'https://signup.mailgun.com/new/signup', description: '', configure: [ { @@ -221,7 +217,6 @@ 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: [ { @@ -267,7 +262,6 @@ export const providers: ProvidersMap = { [Providers.SMTP]: { classIcon: 'mail', title: 'SMTP', - link: '', description: '', configure: [ { @@ -361,7 +355,6 @@ export const providers: ProvidersMap = { [Providers.Twilio]: { imageIcon: 'twilio', title: 'Twilio', - link: 'https://login.twilio.com/u/signup?state=hKFo2SBaQktjdzI0ZHdKdm44QUc5YzBRXzlNMmlyTExkRWVTTaFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHpwNUVrWDJzeFRJdUczVU5LTk16X0FHWEQ3dHU0S3hko2NpZNkgTW05M1lTTDVSclpmNzdobUlKZFI3QktZYjZPOXV1cks', description: '', configure: [ { @@ -400,7 +393,6 @@ export const providers: ProvidersMap = { [Providers.Msg91]: { imageIcon: 'msg91', title: 'MSG91', - link: 'https://control.msg91.com/signin/', description: '', configure: [ { @@ -435,7 +427,6 @@ export const providers: ProvidersMap = { [Providers.Telesign]: { imageIcon: 'telesign', title: 'Telesign', - link: 'https://www.telesign.com/', description: '', configure: [ { @@ -461,7 +452,6 @@ export const providers: ProvidersMap = { [Providers.Textmagic]: { imageIcon: 'textmagic', title: 'TextMagic', - link: 'https://app.textmagic.com/login', description: '', configure: [ { @@ -492,7 +482,6 @@ export const providers: ProvidersMap = { [Providers.Vonage]: { imageIcon: 'vonage', title: 'Vonage', - link: 'https://www.vonage.com/?bypassgeoloc=true', description: '', configure: [ { From 1148fa5541a047e055a20e9afb35ed2e82943f49 Mon Sep 17 00:00:00 2001 From: Steven Nguyen Date: Thu, 8 Feb 2024 13:42:44 -0800 Subject: [PATCH 03/17] Update phone input to support popovers --- src/lib/elements/forms/inputPhone.svelte | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/src/lib/elements/forms/inputPhone.svelte b/src/lib/elements/forms/inputPhone.svelte index 8c630aa4aa..832e0dae86 100644 --- a/src/lib/elements/forms/inputPhone.svelte +++ b/src/lib/elements/forms/inputPhone.svelte @@ -1,6 +1,7 @@