diff --git a/app/client/src/ce/constants/messages.ts b/app/client/src/ce/constants/messages.ts index a7ee8c2d92b..a34b15fa96c 100644 --- a/app/client/src/ce/constants/messages.ts +++ b/app/client/src/ce/constants/messages.ts @@ -2575,23 +2575,23 @@ export const REQUEST_NEW_INTEGRATIONS = { REQUEST_NEW_BUTTON: () => "Request a new integration", REQUEST_BUTTON: () => "Request integration", CANCEL_BUTTON: () => "Cancel", - REQUEST_MODAL_HEADING: () => "Request a new integration", + REQUEST_MODAL_HEADING: () => "Request new integration", REQUEST_MODAL_INTEGRATION: { - LABEL: () => "Integration", + LABEL: () => "Integration name", PLACEHOLDER: () => "E.g. Zendesk, JIRA, Slack, others", NAME: "integration", ERROR: () => "Please enter integration name", }, REQUEST_MODAL_USECASE: { - LABEL: () => "Tell us more about your case", + LABEL: () => "How would this integration help you?", PLACEHOLDER: () => - "E.g. I want to create an app to manage my customers’ account.", + "For example, organizing client data or automating reports.", NAME: "useCase", }, REQUEST_MODAL_EMAIL: { LABEL: () => "Email", DESCRIPTION: () => - "Appsmith will use this email exclusively to follow up on your integration request.", + "We’ll use this email solely to follow up on your request.", NAME: "email", ERROR: () => "Please enter email", }, @@ -2599,10 +2599,10 @@ export const REQUEST_NEW_INTEGRATIONS = { }; export const PREMIUM_DATASOURCES = { - RELEVANT_EMAIL_DESCRIPTION: () => - "Unblock advanced integrations. Let our team guide you in selecting the plan that fits your needs. Schedule a call now to see how Appsmith can transform your workflows!", - NON_RELEVANT_EMAIL_DESCRIPTION: () => - "Unblock advanced integrations. Let our team guide you in selecting the plan that fits your needs. Give us your email and the Appsmith team will reach out to you soon.", + RELEVANT_EMAIL_DESCRIPTION: (integrationName: string) => + `Ready to connect with ${integrationName}? This feature is part of our premium plans. Schedule a call with our team to explore the right plan for your needs. We’re excited to help you get started!`, + NON_RELEVANT_EMAIL_DESCRIPTION: (integrationName: string) => + `Ready to connect with ${integrationName}? This feature is part of our premium plans. We'll help you find a plan that fits your needs. Simply share your email, and we'll be in touch soon.`, LEARN_MORE: () => "Learn more about Premium", SCHEDULE_CALL: () => "Schedule a call", SUBMIT: () => "Submit", @@ -2611,7 +2611,7 @@ export const PREMIUM_DATASOURCES = { FORM_EMAIL: { LABEL: () => "Email", DESCRIPTION: () => - "Appsmith will use this email to follow up on your integration interest.", + "We’ll use this email solely to follow up on your request.", NAME: "email", ERROR: () => "Please enter email", }, diff --git a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx index 4989bb15410..881bd7b7d86 100644 --- a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx +++ b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx @@ -84,6 +84,7 @@ const PremiumDatasourceContactForm = ( {getContactFormModalDescription( props.email || "", + props.integrationName, !isFreePlanInstance, )} diff --git a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts index d4938be71b8..4250ff8e998 100644 --- a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts +++ b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts @@ -79,6 +79,7 @@ export const getContactFormModalTitle = ( export const getContactFormModalDescription = ( email: string, + integrationName: string, isBusinessOrEnterprise?: boolean, ) => { const validRelevantEmail = isRelevantEmail(email); @@ -86,8 +87,14 @@ export const getContactFormModalDescription = ( return isBusinessOrEnterprise ? createMessage(PREMIUM_DATASOURCES.COMING_SOON_DESCRIPTION) : validRelevantEmail - ? createMessage(PREMIUM_DATASOURCES.RELEVANT_EMAIL_DESCRIPTION) - : createMessage(PREMIUM_DATASOURCES.NON_RELEVANT_EMAIL_DESCRIPTION); + ? createMessage( + PREMIUM_DATASOURCES.RELEVANT_EMAIL_DESCRIPTION, + integrationName, + ) + : createMessage( + PREMIUM_DATASOURCES.NON_RELEVANT_EMAIL_DESCRIPTION, + integrationName, + ); }; export const shouldLearnMoreButtonBeVisible = ( diff --git a/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx b/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx index 13e144775cd..8d1dfc0b919 100644 --- a/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx +++ b/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx @@ -1,4 +1,4 @@ -import { Button, Flex, toast } from "@appsmith/ads"; +import { Button, ModalFooter, toast } from "@appsmith/ads"; import { Close } from "@radix-ui/react-dialog"; import { createMessage, REQUEST_NEW_INTEGRATIONS } from "ee/constants/messages"; import type { AppState } from "ee/reducers"; @@ -21,7 +21,7 @@ import AnalyticsUtil from "ee/utils/AnalyticsUtil"; const FormWrapper = styled.form` display: flex; flex-direction: column; - gap: var(--ads-spaces-7); + gap: var(--ads-spaces-5); `; const RequestIntegrationForm = (props: RequestIntegrationFormProps) => { @@ -75,7 +75,7 @@ const RequestIntegrationForm = (props: RequestIntegrationFormProps) => { size="md" type="email" /> - + - + ); };