Fix phone number input on checkout (#6955)

Co-authored-by: Dan Paun <dan.paun@automattic.com>
Automattic · Aug 9, 2023 · 007e647 · 007e647
1 parent 47dc8d9
commit 007e647
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/changelog/fix-6952-fix-phonenumberinput b/changelog/fix-6952-fix-phonenumberinput
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix phone number input widget on checkout page
diff --git a/client/settings/phone-input/index.tsx b/client/settings/phone-input/index.tsx
@@ -75,16 +75,18 @@ const PhoneNumberInput = ( {
 			onlyCountries: [],
 		};
 
-		const accountCountry = wcpaySettings?.accountStatus?.country ?? '';
-
-		// Special case for Japan: Only Japanese phone numbers are accepted by Stripe
-		if ( accountCountry === 'JP' ) {
-			phoneCountries = {
-				initialCountry: 'JP',
-				// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-				// @ts-ignore
-				onlyCountries: [ 'JP' ],
-			};
+		//if in admin panel
+		if ( 'undefined' !== typeof wcpaySettings ) {
+			const accountCountry = wcpaySettings?.accountStatus?.country ?? '';
+			// Special case for Japan: Only Japanese phone numbers are accepted by Stripe
+			if ( accountCountry === 'JP' ) {
+				phoneCountries = {
+					initialCountry: 'JP',
+					// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+					// @ts-ignore
+					onlyCountries: [ 'JP' ],
+				};
+			}
 		}
 
 		if ( currentRef ) {