@xsolla/xui-input-phone 0.154.1 → 0.154.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-input-phone",
-  "version": "0.154.1",
+  "version": "0.154.2",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,8 +13,8 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.154.1",
-    "@xsolla/xui-primitives-core": "0.154.1",
+    "@xsolla/xui-core": "0.154.2",
+    "@xsolla/xui-primitives-core": "0.154.2",
     "libphonenumber-js": "^1.10.56"
   },
   "peerDependencies": {

package/web/index.js

@@ -2409,7 +2409,7 @@ var InputPhone = (0, import_react4.forwardRef)(
     errorMessage,
     error,
     countries = allCountries,
-    selectedCountry,
+    selectedCountry: selectedCountryProp,
     onCountryChange,
     extraClear = false,
     onRemove,
@@ -2426,6 +2426,11 @@ var InputPhone = (0, import_react4.forwardRef)(
       "default"
     );
     const [passValue, setPassValue] = (0, import_react4.useState)(value ?? "");
+    const [internalCountry, setInternalCountry] = (0, import_react4.useState)(
+      selectedCountryProp
+    );
+    const isCountryControlled = selectedCountryProp !== void 0;
+    const selectedCountry = isCountryControlled ? selectedCountryProp : internalCountry;
     const [isDropdownOpen, setIsDropdownOpen] = (0, import_react4.useState)(false);
     const [highlightedIndex, setHighlightedIndex] = (0, import_react4.useState)(-1);
     const [searchQuery, setSearchQuery] = (0, import_react4.useState)("");
@@ -2549,6 +2554,9 @@ var InputPhone = (0, import_react4.forwardRef)(
       }
     };
     const handleCountrySelect = (country) => {
+      if (!isCountryControlled) {
+        setInternalCountry(country);
+      }
       onCountryChange?.(country);
       setIsDropdownOpen(false);
       setHighlightedIndex(-1);