Move accelerated config to class (#348)

* Move accelerated config to class

* Make context method async

Author: markmur

modules/@shopify/checkout-sheet-kit/src/context.tsx

@@ -39,7 +39,7 @@ interface Context {
   acceleratedCheckoutsAvailable: boolean;
   addEventListener: AddEventListener;
   getConfig: () => Promise<Configuration | undefined>;
-  setConfig: (config: Configuration) => void;
+  setConfig: (config: Configuration) => Promise<void>;
   removeEventListeners: RemoveEventListeners;
   preload: (checkoutUrl: string) => void;
   present: (checkoutUrl: string) => void;
@@ -76,14 +76,10 @@ export function ShopifyCheckoutSheetProvider({
         return;
       }
 
-      if (configuration.acceleratedCheckouts) {
-        const ready = await instance.current?.configureAcceleratedCheckouts(
-          configuration.acceleratedCheckouts,
-        );
-        setAcceleratedCheckoutsAvailable(ready);
-      }
-
-      instance.current?.setConfig(configuration);
+      await instance.current?.setConfig(configuration);
+      setAcceleratedCheckoutsAvailable(
+        instance.current.acceleratedCheckoutsReady,
+      );
     }
 
     configureCheckoutKit();
@@ -120,8 +116,8 @@ export function ShopifyCheckoutSheetProvider({
     instance.current?.dismiss();
   }, []);
 
-  const setConfig = useCallback((config: Configuration) => {
-    instance.current?.setConfig(config);
+  const setConfig = useCallback(async (config: Configuration) => {
+    await instance.current?.setConfig(config);
   }, []);
 
   const getConfig = useCallback(async () => {

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

@@ -85,6 +85,12 @@ class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
   private features: Features;
   private geolocationCallback: Maybe<EventSubscription>;
 
+  private _acceleratedCheckoutsReady = false;
+
+  get acceleratedCheckoutsReady(): boolean {
+    return this._acceleratedCheckoutsReady;
+  }
+
   /**
    * Initializes a new ShopifyCheckoutSheet instance
    * @param configuration Optional configuration settings for the checkout
@@ -152,7 +158,13 @@ class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
    * Updates the checkout configuration
    * @param configuration New configuration settings to apply
    */
-  public setConfig(configuration: Configuration): void {
+  public async setConfig(configuration: Configuration): Promise<void> {
+    if (configuration.acceleratedCheckouts) {
+      this._acceleratedCheckoutsReady =
+        await this.configureAcceleratedCheckouts(
+          configuration.acceleratedCheckouts,
+        );
+    }
     RNShopifyCheckoutSheetKit.setConfig(configuration);
   }