Add support for Customer Access Token (#299)

* Add tests for AcceleratedCheckouts

* Add support for Customer Access Token

* Update jest tests

* Add swift tests

Author: markmur

.github/workflows/ci.yml

@@ -117,7 +117,7 @@ jobs:
 
   test-ios:
     name: Run Swift Tests
-    runs-on: macos-15
+    runs-on: macos-15-xlarge
     timeout-minutes: 20
     needs: [lint, test]
     steps:

modules/@shopify/checkout-sheet-kit/ios/ShopifyCheckoutSheetKit.mm

@@ -62,8 +62,9 @@ @interface RCT_EXTERN_MODULE (RCTShopifyCheckoutSheetKit, NSObject)
  */
 RCT_EXTERN_METHOD(configureAcceleratedCheckouts : (NSString*)storefrontDomain storefrontAccessToken : (
   NSString*)storefrontAccessToken customerEmail : (NSString*)customerEmail customerPhoneNumber : (NSString*)
-    customerPhoneNumber applePayMerchantIdentifier : (NSString*)applePayMerchantIdentifier applyPayContactFields : (
-      NSArray*)applyPayContactFields resolve : (RCTPromiseResolveBlock)resolve reject : (RCTPromiseRejectBlock)reject);
+    customerPhoneNumber customerAccessToken : (NSString*)customerAccessToken applePayMerchantIdentifier : (NSString*)
+      applePayMerchantIdentifier applyPayContactFields : (NSArray*)applyPayContactFields resolve : (
+        RCTPromiseResolveBlock)resolve reject : (RCTPromiseRejectBlock)reject);
 
 /**
  * Check if accelerated checkout is available

modules/@shopify/checkout-sheet-kit/ios/ShopifyCheckoutSheetKit.swift

@@ -218,6 +218,7 @@ class RCTShopifyCheckoutSheetKit: RCTEventEmitter, CheckoutDelegate {
         storefrontAccessToken: String,
         customerEmail: String?,
         customerPhoneNumber: String?,
+        customerAccessToken: String?,
         applePayMerchantIdentifier: String?,
         applyPayContactFields: [String]?,
         resolve: @escaping RCTPromiseResolveBlock,
@@ -230,7 +231,8 @@ class RCTShopifyCheckoutSheetKit: RCTEventEmitter, CheckoutDelegate {
 
         let customer = ShopifyAcceleratedCheckouts.Customer(
             email: customerEmail,
-            phoneNumber: customerPhoneNumber
+            phoneNumber: customerPhoneNumber,
+            customerAccessToken: customerAccessToken
         )
 
         acceleratedCheckoutsConfiguration = ShopifyAcceleratedCheckouts.Configuration(

modules/@shopify/checkout-sheet-kit/src/index.d.ts

@@ -209,6 +209,7 @@ export interface AcceleratedCheckoutConfiguration {
   customer?: {
     email?: string;
     phoneNumber?: string;
+    accessToken?: string;
   };
   /**
    * Enable and configure accelerated checkout wallets.

modules/@shopify/checkout-sheet-kit/src/index.ts

@@ -232,6 +232,7 @@ class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
           config.storefrontAccessToken,
           config.customer?.email || null,
           config.customer?.phoneNumber || null,
+          config.customer?.accessToken || null,
           config.wallets?.applePay?.merchantIdentifier || null,
           config.wallets?.applePay?.contactFields || [],
         );

modules/@shopify/checkout-sheet-kit/tests/context.test.tsx

@@ -86,7 +86,11 @@ describe('ShopifyCheckoutSheetProvider', () => {
       acceleratedCheckouts: {
         storefrontDomain: 'test-shop.myshopify.com',
         storefrontAccessToken: 'shpat_test_token',
-        customer: {email: '[email protected]', phoneNumber: '+123'},
+        customer: {
+          email: '[email protected]',
+          phoneNumber: '+123',
+          accessToken: 'customer-access-token',
+        },
         wallets: {
           applePay: {
             merchantIdentifier: 'merchant.test',
@@ -113,6 +117,7 @@ describe('ShopifyCheckoutSheetProvider', () => {
       'shpat_test_token',
       '[email protected]',
       '+123',
+      'customer-access-token',
       'merchant.test',
       ['email'],
     );

modules/@shopify/checkout-sheet-kit/tests/index.test.ts

@@ -691,6 +691,7 @@ describe('ShopifyCheckoutSheetKit', () => {
       customer: {
         email: '[email protected]',
         phoneNumber: '+1234567890',
+        accessToken: 'customer-access-token',
       },
       wallets: {
         applePay: {
@@ -725,6 +726,7 @@ describe('ShopifyCheckoutSheetKit', () => {
           'shpat_test_token',
           '[email protected]',
           '+1234567890',
+          'customer-access-token',
           'merchant.com.test',
           ['email', 'phone'],
         );
@@ -750,6 +752,7 @@ describe('ShopifyCheckoutSheetKit', () => {
           null,
           null,
           null,
+          null,
           [],
         );
       });

sample/ios/ReactNativeTests/AcceleratedCheckouts_SupportedTests.swift

@@ -57,7 +57,7 @@ class AcceleratedCheckouts_SupportedTests: XCTestCase {
         ShopifyCheckoutSheetKit.configuration.closeButtonTintColor = nil
     }
 
-    private func configureAcceleratedCheckouts(includeApplePay: Bool) {
+    private func configureAcceleratedCheckouts(includeApplePay: Bool, customerAccessToken: String? = nil) {
         let expectation = self.expectation(description: "configureAcceleratedCheckouts")
 
         let storefrontDomain = "example.myshopify.com"
@@ -72,6 +72,7 @@ class AcceleratedCheckouts_SupportedTests: XCTestCase {
             storefrontAccessToken: accessToken,
             customerEmail: email,
             customerPhoneNumber: phone,
+            customerAccessToken: customerAccessToken,
             applePayMerchantIdentifier: merchantIdentifier,
             applyPayContactFields: contactFields,
             resolve: { _ in expectation.fulfill() },
@@ -144,6 +145,23 @@ class AcceleratedCheckouts_SupportedTests: XCTestCase {
         XCTAssertEqual(afterValue, true)
     }
 
+    func testConfigureAcceleratedCheckoutsStoresCustomerAccessToken() throws {
+        let token = "customer-access-token-123"
+        configureAcceleratedCheckouts(includeApplePay: false, customerAccessToken: token)
+        guard let config = AcceleratedCheckoutConfiguration.shared.configuration else {
+          return XCTFail("configuration missing")
+        }
+        XCTAssertEqual(config.customer?.copy().customerAccessToken, token)
+    }
+
+    func testConfigureAcceleratedCheckoutsWithNilCustomerAccessToken() throws {
+        configureAcceleratedCheckouts(includeApplePay: false, customerAccessToken: nil)
+        guard let config = AcceleratedCheckoutConfiguration.shared.configuration else {
+          return XCTFail("configuration missing")
+        }
+        XCTAssertNil(config.customer?.copy().customerAccessToken)
+    }
+
     func testButtonsViewHeightZeroWhenWalletsExplicitEmpty() throws {
         configureAcceleratedCheckouts(includeApplePay: false)