From 33e79c8ad51691af26d54274cefd1d65110c71ef Mon Sep 17 00:00:00 2001
From: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Date: Mon, 25 Jul 2022 21:37:32 -0400
Subject: [PATCH] Improve phone number input (#3472)

* add country code once country selected

* add changes also for when editing workflows

Co-authored-by: CarinaWolli <wollencarina@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 apps/web/components/ui/form/PhoneInput.tsx                 | 1 +
 apps/web/ee/components/workflows/WorkflowStepContainer.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/web/components/ui/form/PhoneInput.tsx b/apps/web/components/ui/form/PhoneInput.tsx
index 53440046b5..8b14bad65d 100644
--- a/apps/web/components/ui/form/PhoneInput.tsx
+++ b/apps/web/components/ui/form/PhoneInput.tsx
@@ -15,6 +15,7 @@ function PhoneInput<FormValues>({ control, name, ...rest }: PhoneInputProps<Form
   return (
     <BasePhoneInput
       {...rest}
+      international
       name={name}
       control={control}
       countrySelectProps={{ className: "text-black" }}
diff --git a/apps/web/ee/components/workflows/WorkflowStepContainer.tsx b/apps/web/ee/components/workflows/WorkflowStepContainer.tsx
index 9c1dd6f2d7..6e43b9bc26 100644
--- a/apps/web/ee/components/workflows/WorkflowStepContainer.tsx
+++ b/apps/web/ee/components/workflows/WorkflowStepContainer.tsx
@@ -231,6 +231,7 @@ export default function WorkflowStepContainer(props: WorkflowStepProps) {
                   <div className="flex space-y-1">
                     <div className="mt-1 ">
                       <PhoneInput
+                        international
                         value={sendTo}
                         onChange={(newValue) => {
                           if (newValue) {