🐛 (phoneInput) Fix phone country prefix not changing when already set (…

…#1895) Co-authored-by: Baptiste Arnaud <[email protected]>
baptisteArno · Nov 23, 2024 · 676fe94 · 676fe94
1 parent 4dc636d
commit 676fe94
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 10 deletions.
diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "description": "Javascript library to display typebots on your website",
   "license": "FSL-1.1-ALv2",
   "type": "module",

diff --git a/packages/embeds/js/src/features/blocks/inputs/phone/components/PhoneInput.tsx b/packages/embeds/js/src/features/blocks/inputs/phone/components/PhoneInput.tsx
@@ -81,12 +81,21 @@ export const PhoneInput = (props: PhoneInputProps) => {
   const selectNewCountryCode = (
     event: Event & { currentTarget: { value: string } },
   ) => {
-    const code = event.currentTarget.value;
-    setSelectedCountryCode(code);
-    const dial_code = phoneCountries.find(
-      (country) => country.code === code,
-    )?.dial_code;
-    if (inputValue() === "" && dial_code) setInputValue(dial_code);
+    const selectedCountry = phoneCountries.find(
+      (country) => country.code === event.currentTarget.value,
+    );
+    if (!selectedCountry) return;
+
+    const currentCountry = phoneCountries.find(
+      (country) => country.code === selectedCountryCode(),
+    );
+    if (
+      inputValue() === "" ||
+      (currentCountry && inputValue() === currentCountry.dial_code)
+    )
+      setInputValue(selectedCountry.dial_code);
+
+    setSelectedCountryCode(selectedCountry.code);
     inputRef?.focus();
   };
 

diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "license": "FSL-1.1-ALv2",
   "description": "Convenient library to display typebots on your Next.js website",
   "type": "module",

diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "description": "Convenient library to display typebots on your React app",
   "license": "FSL-1.1-ALv2",
   "type": "module",

diff --git a/packages/lib/src/phoneCountries.ts b/packages/lib/src/phoneCountries.ts
@@ -3,7 +3,7 @@ export const phoneCountries = [
     name: "International",
     flag: "🌐",
     code: "INT",
-    dial_code: null,
+    dial_code: "",
   },
   {
     name: "Afghanistan",