fix: update ship to different address status on save

Author: malessani

components/composite/StepCustomer/index.tsx

@@ -1,6 +1,6 @@
 // import { Address, AddressField } from "@commercelayer/react-components"
 import classNames from "classnames"
-import { Fragment, useContext, useState } from "react"
+import { Fragment, useContext, useEffect, useState } from "react"
 import { useTranslation } from "react-i18next"
 
 import { AccordionContext } from "components/data/AccordionProvider"
@@ -83,6 +83,10 @@ export const StepCustomer: React.FC<Props> = () => {
     !hasSameAddresses
   )
 
+  useEffect(() => {
+    setShipToDifferentAddress(!hasSameAddresses)
+  }, [hasSameAddresses])
+
   const [disabledShipToDifferentAddress, setDisabledShipToDifferentAddress] =
     useState(
       !!(

components/data/AppProvider/utils.ts

@@ -173,15 +173,15 @@ export async function checkAndSetDefaultAddressForOrder({
   }
 }
 
-interface IsBillingAddresSameAsShippingAddressProps {
+interface IsBillingAddressSameAsShippingAddressProps {
   billingAddress: Address | undefined
   shippingAddress: Address | undefined
 }
 
-function isBillingAddresSameAsShippingAddress({
+function isBillingAddressSameAsShippingAddress({
   billingAddress,
   shippingAddress,
-}: IsBillingAddresSameAsShippingAddressProps) {
+}: IsBillingAddressSameAsShippingAddressProps) {
   if (shippingAddress && billingAddress) {
     if (
       (shippingAddress.reference === billingAddress.reference &&
@@ -296,7 +296,7 @@ export function calculateAddresses(
       customerAddresses: cAddresses,
       isGuest: Boolean(order.guest),
     }),
-    hasSameAddresses: isBillingAddresSameAsShippingAddress({
+    hasSameAddresses: isBillingAddressSameAsShippingAddress({
       billingAddress: order.billing_address,
       shippingAddress: order.shipping_address,
     }),

specs/e2e/customer-addresses.spec.ts

@@ -290,6 +290,8 @@ test.describe("address on wallet", () => {
 
     await checkoutPage.selectAddressOnBook({ type: "shipping", index: 0 })
 
+    await checkoutPage.page.waitForTimeout(1000)
+
     await checkoutPage.save("Customer")
 
     await checkoutPage.clickStep("Customer")
@@ -303,6 +305,8 @@ test.describe("address on wallet", () => {
 
     await checkoutPage.closeNewAddress("billing")
     await checkoutPage.selectAddressOnBook({ type: "billing", index: 0 })
+    await checkoutPage.page.waitForTimeout(1000)
+
     await checkoutPage.save("Customer")
 
     await checkoutPage.clickStep("Customer")
@@ -325,6 +329,11 @@ test.describe("address on wallet", () => {
 
     await checkoutPage.save("Shipping")
 
+    await checkoutPage.page.click(
+      "[data-test-id=stripe_payments] >> text=Credit card",
+      { force: true }
+    )
+
     await checkoutPage.setPayment("stripe")
 
     await checkoutPage.save("Payment")

specs/fixtures/CheckoutPage.ts

@@ -233,7 +233,7 @@ export class CheckoutPage {
     type: "billing" | "shipping"
     index: number
   }) {
-    this.page.click(`[data-cy=customer-${type}-address] >> nth-${index}`)
+    this.page.click(`[data-cy=customer-${type}-address] >> nth=${index}`)
   }
 
   async checkSelectedAddressBook({