3.4.0

✨ Shopify Accelerated Checkouts

3.4.0 of @shopify/checkout-sheet-kit introduces the latest feature of the Checkout Kit: Accelerated Checkouts.

npm install @shopify/checkout-sheet-kit@latest

Accelerated Checkouts offer a way to render "wallet" buttons in your app with minimal code - including support for Apple Pay and Shop Pay out of the box.

📋 Requirements

• Your app is setup to run on iOS 16 and above (note: checkout sheet still works on iOS 13+).
• Your app has the write_cart_wallet_payments access scope, which you can request from us directly.
• You've completed the tutorial on creating Apple Pay payment processing certificates.
• Your device is set up for Apple Pay. You'll need to set up Apple Pay, create an Apple developer account, and test Apple Pay on a supported device.

🛠️ Integrating

Integrating these buttons is quite straight forward:

1. Update your Checkout Kit Configuration object:

import { Configuration, ColorScheme } from '@shopify/checkout-sheet-kit'

const config: Configuration = {
  colorScheme: ColorScheme.web,
  preloading: true,
+  acceleratedCheckouts: {
+    storefrontDomain: env.STOREFRONT_DOMAIN!,
+    storefrontAccessToken: env.STOREFRONT_ACCESS_TOKEN!
+    wallets: {
+      applePay: {
+         contactFields: [ApplePayContactField.email, ApplePayContactField.phone],
+         merchantIdentifier:  env.STOREFRONT_MERCHANT_IDENTIFIER!,
+      }
+    }
  }
}

function AppWithCheckout() {
    return (
       <ShopifyCheckoutSheetProvider config={config}>
          <App />
       </ShopifyCheckoutSheetProvider>
     )
}

2. Add <AcceleratedCheckoutButtons /> to your cart or product details screens:

+ import { AcceleratedCheckoutButtons } from '@shopify/checkout-sheet-kit'

function CartScreen() {
    return (
       <View>
+      <AcceleratedCheckoutButtons 
+         cartId="gid://Shopify/Cart/123"  />
       </View>
    )
}

function ProductDetailsScreen() {
    return (
       <View>
+       <AcceleratedCheckoutButtons 
+         variantId="gid://Shopify/ProductVariant/123" 
+         quantity={1} />
       </View>
    )
}

---

Full Changelog: 3.3.3...3.4.0

3.4.0-rc.3

What's Changed

• Add support for supportedShippingCountries to restrict shipping in the Apple Pay sheet by @markmur in #345

Dependencies

Android version: 3.5.2
Swift version: 3.4.0-rc.9

---

Full Changelog: 3.4.0-rc.2...3.4.0-rc.3

3.4.0-rc.2

What's Changed

• Expose AcceleratedCheckoutButtonsProps type by @markmur in #315
• Fix pod install failing on expo54 by @kieran-osgood-shopify in #334
• Enable ccache for faster iOS builds by @kiftio in #335

Full Changelog: 3.4.0-rc.1...3.4.0-rc.2

3.3.3

🪲 Bug Fixes

Patch for failed fix in 3.3.2: #333 by @kieran-osgood-shopify in #339

Full Changelog: 3.3.2...3.3.3

3.3.2

🪲 Bug Fixes

• Fixed: #333: Pod install failing on expo54 by @kieran-osgood-shopify in #334

Full Changelog: 3.3.1...3.3.2

3.3.1

What's Changed

• Fix: #327 Updates Sec-Purpose header to Shopify-Purpose header to prevent related issues in loading checkouts in iOS 26 WKWebViews. Related issue

Full Changelog: 3.3.0...3.3.1

3.4.0-rc.1

Note

Accelerated Checkouts are still in beta testing, with a stable version expected soon.

---

✨ Shopify Accelerated Checkouts

3.4.0-rc.1 of @shopify/checkout-sheet-kit introduces the latest feature of the Checkout Kit: Accelerated Checkouts.

npm install @shopify/checkout-sheet-kit@next

Accelerated Checkouts offer a way to render "wallet" buttons in your app with minimal code - including support for Apple Pay and Shop Pay out of the box.

📋 Requirements

• Your app is setup to run on iOS 16 and above.
• Your app has the write_cart_wallet_payments access scope, which you can request from us directly.
• You've completed the tutorial on creating Apple Pay payment processing certificates.
• Your device is set up for Apple Pay. You'll need to set up Apple Pay, create an Apple developer account, and test Apple Pay on a supported device.

🛠️ Integrating

Integrating these buttons is quite straight forward:

1. Install the beta 3.4.0-rc.1:

npm install @shopify/checkout-sheet-kit@next

2. Update your Checkout Kit Configuration object:

import { Configuration, ColorScheme } from '@shopify/checkout-sheet-kit'

const config: Configuration = {
  colorScheme: ColorScheme.web,
  preloading: true,
+  acceleratedCheckouts: {
+    storefrontDomain: env.STOREFRONT_DOMAIN!,
+    storefrontAccessToken: env.STOREFRONT_ACCESS_TOKEN!
+    wallets: {
+      applePay: {
+         contactFields: [ApplePayContactField.email, ApplePayContactField.phone],
+         merchantIdentifier:  env.STOREFRONT_MERCHANT_IDENTIFIER!,
+      }
+    }
  }
}

function AppWithCheckout() {
    return (
       <ShopifyCheckoutSheetProvider config={config}>
          <App />
       </ShopifyCheckoutSheetProvider>
     )
}

3. Add <AcceleratedCheckoutButtons /> to your cart or product details screens:

+ import { AcceleratedCheckoutButtons } from '@shopify/checkout-sheet-kit'

function CartScreen() {
    return (
       <View>
+      <AcceleratedCheckoutButtons 
+         cartId="gid://Shopify/Cart/123"  />
       </View>
    )
}

function ProductDetailsScreen() {
    return (
       <View>
+       <AcceleratedCheckoutButtons 
+         variantId="gid://Shopify/ProductVariant/123" 
+         quantity={1} />
       </View>
    )
}

🎯 What's Next

We're actively working towards a stable release of the feature, but if you have any questions or comments in the meantime, please post in the Announcement discussion.

---

Full Changelog: 3.3.0...3.4.0-rc.1

3.3.0

What's Changed

New Features

• Google Pay Support: Adds GooglePay support for eligible devices on Android
• First Order Detection: Adds isFirstOrder attribute to web pixel events for customer analytics
• Customizable Close Button: Allow customizing sheet close button color for improved theming
• Documentation Updates: Update README to support cart permalink use case and Checkout Kit rename

Library Updates

• Upgrades Swift dependency to 3.3.0
• Upgrades Android dependency to 3.5.0

New Contributors

• @kieran-osgood-shopify made their first contribution in #151
• @kristinhung made their first contribution in #168
• @LouisMVA made their first contribution in #228
• @JesseNoseworthy made their first contribution in #229

Full Changelog: 3.2.0...3.3.0

3.2.0

What's Changed

• [Documentation] Offsite Payments / Universal Links by @markmur in #143
• Add vscode recommendations by @markmur in #146
• Bump cross-spawn from 7.0.3 to 7.0.6 by @dependabot in #138
• Bump nanoid from 3.3.7 to 3.3.8 by @dependabot in #147
• [Android] Handle geolocation requests by @markmur in #148

Full Changelog: 3.1.2...3.2.0

3.1.2

What's Changed

• Add consumer proguard rules to prevent minification by @markmur in #137

Full Changelog: 3.1.1...3.1.2