From 2ff94d56615b1f32ef4327d613e0f0ca29f45d88 Mon Sep 17 00:00:00 2001
From: LauraPinilla <54566275+LauraPinilla@users.noreply.github.com>
Date: Wed, 18 Dec 2024 15:01:39 -0600
Subject: [PATCH] ASUB-8954 Fixing style (#2282)

Fixing style,  attending feedback and fixing typo
---
 blocks/identity-block/_index.scss                      |  5 +++++
 .../social-sign-on/_children/AppleSignIn.jsx           |  2 +-
 .../identity-block/features/social-sign-on/default.jsx |  2 +-
 blocks/identity-block/themes/news.json                 | 10 ++++++++++
 .../features/checkout/_children/Review/index.jsx       |  8 ++++----
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/blocks/identity-block/_index.scss b/blocks/identity-block/_index.scss
index e3471531c..981a90f47 100644
--- a/blocks/identity-block/_index.scss
+++ b/blocks/identity-block/_index.scss
@@ -219,6 +219,11 @@
 				@include scss.block-properties("social-sign-on-button-container-apple-custom");
 			}
 
+			&__sso{
+				@include scss.block-components("social-sign-on-button-container-apple-sso");
+				@include scss.block-properties("social-sign-on-button-container-apple-sso");
+			}
+
 			@include scss.block-components("social-sign-on-button-container-apple");
 			@include scss.block-properties("social-sign-on-button-container-apple");
 		}
diff --git a/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx b/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
index 90f3cbd6f..56863b4e8 100644
--- a/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
+++ b/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
@@ -31,7 +31,7 @@ function AppleSignIn({ customButtons, socialSignOnIn, className, oidcClients = [
 	return (
 		<div
 			data-testid="apple-sign-in-button"
-			style={{ width: '100%' }}
+			className={`${className}__Apple__sso`}
 		>
 			<Button
 				id="apple-btn"
diff --git a/blocks/identity-block/features/social-sign-on/default.jsx b/blocks/identity-block/features/social-sign-on/default.jsx
index 439de9293..a0c7a9870 100644
--- a/blocks/identity-block/features/social-sign-on/default.jsx
+++ b/blocks/identity-block/features/social-sign-on/default.jsx
@@ -131,7 +131,7 @@ SocialSignOnBlock.propTypes = {
 				"Used when we want to hide the ---OR--- divider",
 		}),
 		customButtons: PropTypes.bool.tag({
-			name: "Custom Facebook/Gooogle/Apple buttons",
+			name: "Custom Facebook/Google/Apple buttons",
 			defaultValue: true,
 			description:
 				"Render a custom Facebook/Google/Apple buttons or the ones provided by Facebook, Google, and Apple.",
diff --git a/blocks/identity-block/themes/news.json b/blocks/identity-block/themes/news.json
index e4e940383..043c17cad 100644
--- a/blocks/identity-block/themes/news.json
+++ b/blocks/identity-block/themes/news.json
@@ -863,6 +863,16 @@
 			"desktop": {}
 		}
 	},
+	"social-sign-on-button-container-apple-sso":{
+		"styles": {
+			"default": {
+				"inline-size": "100%",
+				"justify-content": "center", 
+				"display": "flex"
+			},
+			"desktop": {}
+		}
+	},
 	"social-sign-on-dividerWithText": {
 		"styles": {
 			"default": {
diff --git a/blocks/subscriptions-block/features/checkout/_children/Review/index.jsx b/blocks/subscriptions-block/features/checkout/_children/Review/index.jsx
index 5d0bc75dd..dcf90b04c 100644
--- a/blocks/subscriptions-block/features/checkout/_children/Review/index.jsx
+++ b/blocks/subscriptions-block/features/checkout/_children/Review/index.jsx
@@ -263,7 +263,7 @@ const ReviewOrder = ({
 					result = await stripe.confirmCardPayment(
 						clientSecret,
 						{
-							payment_method: event.paymentMethod.id,
+							payment_method: event?.paymentMethod?.id,
 						},
 						{
 							handleActions: false,
@@ -274,7 +274,7 @@ const ReviewOrder = ({
 					result = await stripe.confirmCardSetup(
 						clientSecret,
 						{
-							payment_method: event.paymentMethod.id,
+							payment_method: event?.paymentMethod?.id,
 						},
 						{
 							handleActions: false,
@@ -298,7 +298,7 @@ const ReviewOrder = ({
 				Sales.finalizePayment(
 					orderNumber,
 					stripeIntents?.paymentMethodID,
-					result.paymentIntent.id,
+					result?.paymentIntent?.id,
 					null,
 					recaptchaStored || captchaToken,
 				)
@@ -314,7 +314,7 @@ const ReviewOrder = ({
 				Sales.finalizePayment(
 					orderNumber,
 					stripeIntents?.paymentMethodID,
-					result.setupIntent.id,
+					result?.setupIntent?.id,
 					null,
 					recaptchaStored || captchaToken,
 				)