fix: radio button was not displayed and validation issues

src/pages/LoginAndRegister/RegisterSocial.vue

@@ -159,6 +159,7 @@ import SystemPage from '@/components/SystemFrame/SystemPage';
 import strategicPartnerLoginInfoByPageIdQuery from '@/graphql/query/strategicPartnerLoginInfoByPageId.graphql';
 import experimentVersionFragment from '@/graphql/fragments/experimentVersion.graphql';
 import { trackExperimentVersion } from '@/util/experiment/experimentUtils';
+import UserUpdatesPreference from '@/components/Checkout/UserUpdatesPreference';
 import KvButton from '~/@kiva/kv-components/vue/KvButton';
 
 const COMMS_OPT_IN_EXP_KEY = 'opt_in_comms';
@@ -175,6 +176,7 @@ export default {
 		KvButton,
 		ReCaptchaEnterprise,
 		SystemPage,
+		UserUpdatesPreference,
 	},
 	mixins: [
 		validationMixin,
@@ -207,6 +209,7 @@ export default {
 			fetchedLogoAltText: null,
 			fetchedLogoUrl: null,
 			enableCommsExperiment: false,
+			needsComms: true,
 			selectedComms: '',
 			enableRadioBtnExperiment: false,
 		};
@@ -259,7 +262,7 @@ export default {
 				checked: val => val,
 			};
 		}
-		if (this.enableRadioBtnExperiment) {
+		if (this.needsComms) {
 			validations.selectedComms = {
 				required,
 				checked: val => val !== '',
@@ -300,6 +303,7 @@ export default {
 		}
 		if (this.$route.query.passwordless) {
 			this.passwordless = true;
+			this.needsComms = false;
 		}
 		// Support legacy behavior of this page, which was to show the terms checkbox only
 		if (!this.$route.query.terms
@@ -331,6 +335,10 @@ export default {
 				this.enableRadioBtnExperiment = true;
 				this.newAcctTerms = true;
 			}
+
+			if (version !== 'c') {
+				this.needsComms = false;
+			}
 		}
 	},
 	apollo: {