Initial scaffold

Author: markmur

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

@@ -25,7 +25,7 @@ of this software and associated documentation files (the "Software"), to deal
 #import <React/RCTBridgeModule.h>
 #import <React/RCTViewManager.h>
 
-@interface RCT_EXTERN_MODULE (RCTShopifyCheckoutSheetKit, NSObject)
+@interface RCT_EXTERN_REMAP_MODULE (ShopifyCheckoutSheetKit, RCTShopifyCheckoutSheetKit, NSObject)
 
 /**
  * Present checkout

modules/@shopify/checkout-sheet-kit/package.json

@@ -63,5 +63,17 @@
         }
       ]
     ]
+  },
+  "codegenConfig": {
+    "name": "ShopifyCheckoutSheetKitSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.shopify.reactnative.checkoutsheetkit"
+    },
+    "ios": {
+      "libraryName": "RNShopifyCheckoutSheetKit",
+      "prefix": "Shopify"
+    }
   }
 }

modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx

@@ -163,7 +163,7 @@ interface NativeAcceleratedCheckoutButtonsProps {
   onSizeChange?: (event: {nativeEvent: {height: number}}) => void;
 }
 
-const RCTAcceleratedCheckoutButtons =
+const NativeAcceleratedCheckoutButtons =
   requireNativeComponent<NativeAcceleratedCheckoutButtonsProps>(
     'RCTAcceleratedCheckoutButtons',
   );
@@ -304,8 +304,10 @@ export const AcceleratedCheckoutButtons: React.FC<
     }
   }
 
+  const NativeComponent = NativeAcceleratedCheckoutButtons;
+
   return (
-    <RCTAcceleratedCheckoutButtons
+    <NativeComponent
       applePayLabel={applePayLabel}
       style={{...defaultStyles, height: dynamicHeight}}
       checkoutIdentifier={checkoutIdentifier}

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

@@ -21,12 +21,8 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 
-import {
-  NativeModules,
-  NativeEventEmitter,
-  PermissionsAndroid,
-  Platform,
-} from 'react-native';
+import {NativeEventEmitter, PermissionsAndroid, Platform} from 'react-native';
+import type {NativeModule} from 'react-native';
 import type {
   EmitterSubscription,
   EventSubscription,
@@ -64,22 +60,27 @@ import type {
   RenderStateChangeEvent,
 } from './components/AcceleratedCheckoutButtons';
 
-const RNShopifyCheckoutSheetKit = NativeModules.ShopifyCheckoutSheetKit;
+import {getShopifyCheckoutNativeModule} from './native/module';
+import type {NativeShopifyCheckoutSheetKit} from './native/module';
 
-if (!('ShopifyCheckoutSheetKit' in NativeModules)) {
+const __maybeNative: NativeShopifyCheckoutSheetKit | undefined =
+  getShopifyCheckoutNativeModule();
+if (__maybeNative == null) {
   throw new Error(`
   "@shopify/checkout-sheet-kit" is not correctly linked.
 
   If you are building for iOS, make sure to run "pod install" first and restart the metro server.`);
 }
+const RNShopifyCheckoutSheetKit =
+  __maybeNative as NativeShopifyCheckoutSheetKit;
 
 const defaultFeatures: Features = {
   handleGeolocationRequests: true,
 };
 
 class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
   private static eventEmitter: NativeEventEmitter = new NativeEventEmitter(
-    RNShopifyCheckoutSheetKit,
+    RNShopifyCheckoutSheetKit as unknown as NativeModule,
   );
 
   private features: Features;
@@ -230,7 +231,7 @@ class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
       this.validateAcceleratedCheckoutsConfiguration(config);
 
       const configured =
-        await RNShopifyCheckoutSheetKit.configureAcceleratedCheckouts(
+        await RNShopifyCheckoutSheetKit.configureAcceleratedCheckouts?.(
           config.storefrontDomain,
           config.storefrontAccessToken,
           config.customer?.email || null,
@@ -239,7 +240,7 @@ class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
           config.wallets?.applePay?.merchantIdentifier || null,
           config.wallets?.applePay?.contactFields || [],
         );
-      return configured;
+      return configured ?? false;
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(
@@ -260,7 +261,9 @@ class ShopifyCheckoutSheet implements ShopifyCheckoutSheetKit {
       return false;
     }
 
-    return RNShopifyCheckoutSheetKit.isAcceleratedCheckoutAvailable();
+    return (
+      RNShopifyCheckoutSheetKit.isAcceleratedCheckoutAvailable?.() ?? false
+    );
   }
 
   /**

modules/@shopify/checkout-sheet-kit/src/native/AcceleratedCheckoutButtonsNativeComponent.tsx

@@ -0,0 +1,52 @@
+/*
+MIT License
+
+Copyright 2023 - Present, Shopify Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type {HostComponent} from 'react-native';
+import type {ViewProps} from 'react-native';
+
+export type AcceleratedCheckoutButtonsNativeProps = Readonly<
+  ViewProps & {
+    checkoutIdentifier?: {
+      cartId?: string;
+      variantId?: string;
+      quantity?: number;
+    };
+    cornerRadius?: number;
+    wallets?: string[];
+    applePayLabel?: string;
+    onFail?: (event: {nativeEvent: any}) => void;
+    onComplete?: (event: {nativeEvent: any}) => void;
+    onCancel?: () => void;
+    onRenderStateChange?: (event: {
+      nativeEvent: {state: string; reason?: string};
+    }) => void;
+    onWebPixelEvent?: (event: {nativeEvent: any}) => void;
+    onClickLink?: (event: {nativeEvent: {url: string}}) => void;
+    onSizeChange?: (event: {nativeEvent: {height: number}}) => void;
+  }
+>;
+
+export default codegenNativeComponent<AcceleratedCheckoutButtonsNativeProps>(
+  'ShopifyAcceleratedCheckoutButtons',
+) as HostComponent<AcceleratedCheckoutButtonsNativeProps>;

modules/@shopify/checkout-sheet-kit/src/native/NativeShopifyCheckoutSheetKit.ts

@@ -0,0 +1,54 @@
+/*
+MIT License
+
+Copyright 2023 - Present, Shopify Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+import type {TurboModule} from 'react-native';
+import {TurboModuleRegistry} from 'react-native';
+import type {Configuration} from '../index.d';
+
+export interface Spec extends TurboModule {
+  readonly version: string;
+  dismiss(): void;
+  invalidateCache(): void;
+  preload(checkoutUrl: string): void;
+  present(checkoutUrl: string): void;
+  getConfig(): Promise<Configuration>;
+  setConfig(configuration: Configuration): void;
+  configureAcceleratedCheckouts?: (
+    storefrontDomain: string,
+    storefrontAccessToken: string,
+    customerEmail: string | null,
+    customerPhoneNumber: string | null,
+    customerAccessToken: string | null,
+    applePayMerchantIdentifier: string | null,
+    applePayContactFields: string[],
+  ) => Promise<boolean>;
+  isAcceleratedCheckoutAvailable?: () => Promise<boolean>;
+  isApplePayAvailable?: () => Promise<boolean>;
+  initiateGeolocationRequest?: (allow: boolean) => void;
+  addListener(eventName: string): void;
+  removeListeners(count: number): void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'ShopifyCheckoutSheetKit',
+);

modules/@shopify/checkout-sheet-kit/src/native/module.ts

@@ -0,0 +1,77 @@
+/*
+MIT License
+
+Copyright 2023 - Present, Shopify Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+import {NativeModules} from 'react-native';
+import type {Configuration} from '../index.d';
+
+type NativeShopifyCheckoutSheetKit = {
+  readonly version: string;
+  dismiss(): void;
+  invalidateCache(): void;
+  preload(checkoutUrl: string): void;
+  present(checkoutUrl: string): void;
+  getConfig(): Promise<Configuration>;
+  setConfig(configuration: Configuration): void;
+  // iOS-specific accelerated checkouts
+  configureAcceleratedCheckouts?: (
+    storefrontDomain: string,
+    storefrontAccessToken: string,
+    customerEmail: string | null,
+    customerPhoneNumber: string | null,
+    customerAccessToken: string | null,
+    applePayMerchantIdentifier: string | null,
+    applePayContactFields: string[],
+  ) => Promise<boolean>;
+  isAcceleratedCheckoutAvailable?: () => Promise<boolean>;
+  isApplePayAvailable?: () => Promise<boolean>;
+  // Android-specific geolocation
+  initiateGeolocationRequest?: (allow: boolean) => void;
+  // RN event emitter contract for TurboModules
+  addListener: (eventName: string) => void;
+  removeListeners: (count: number) => void;
+};
+
+export function getShopifyCheckoutNativeModule():
+  | NativeShopifyCheckoutSheetKit
+  | undefined {
+  // Prefer TurboModule if available; fall back to classic bridge.
+  try {
+    // Dynamically require to avoid throwing when codegen isn't wired yet.
+    // If the generated spec is present, default export should be the TurboModule proxy.
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const turbo: NativeShopifyCheckoutSheetKit =
+      require('./NativeShopifyCheckoutSheetKit').default;
+    if (turbo != null) {
+      return turbo;
+    }
+  } catch {
+    // no-op; fall back to classic bridge
+  }
+
+  const legacy = (NativeModules as any).ShopifyCheckoutSheetKit as
+    | NativeShopifyCheckoutSheetKit
+    | undefined;
+  return legacy;
+}
+
+export type {NativeShopifyCheckoutSheetKit};