refactor: rename prefix CheckoutEventProvider with Shopify

Author: kieran-osgood-shopify

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

@@ -26,8 +26,8 @@
   "ios/ShopifyCheckoutSheetKit+EventSerialization.swift",
   "ios/ShopifyCheckoutSheetKit+Extensions.swift",
   "ios/UIView+UIViewController.swift",
-  "lib/commonjs/CheckoutEventProvider.js",
-  "lib/commonjs/CheckoutEventProvider.js.map",
+  "lib/commonjs/ShopifyCheckoutEventProvider.js",
+  "lib/commonjs/ShopifyCheckoutEventProvider.js.map",
   "lib/commonjs/components/AcceleratedCheckoutButtons.js",
   "lib/commonjs/components/AcceleratedCheckoutButtons.js.map",
   "lib/commonjs/components/Checkout.js",
@@ -42,8 +42,8 @@
   "lib/commonjs/index.d.js.map",
   "lib/commonjs/index.js",
   "lib/commonjs/index.js.map",
-  "lib/module/CheckoutEventProvider.js",
-  "lib/module/CheckoutEventProvider.js.map",
+  "lib/module/ShopifyCheckoutEventProvider.js",
+  "lib/module/ShopifyCheckoutEventProvider.js.map",
   "lib/module/components/AcceleratedCheckoutButtons.js",
   "lib/module/components/AcceleratedCheckoutButtons.js.map",
   "lib/module/components/Checkout.js",
@@ -58,8 +58,8 @@
   "lib/module/index.d.js.map",
   "lib/module/index.js",
   "lib/module/index.js.map",
-  "lib/typescript/src/CheckoutEventProvider.d.ts",
-  "lib/typescript/src/CheckoutEventProvider.d.ts.map",
+  "lib/typescript/src/ShopifyCheckoutEventProvider.d.ts",
+  "lib/typescript/src/ShopifyCheckoutEventProvider.d.ts.map",
   "lib/typescript/src/components/AcceleratedCheckoutButtons.d.ts",
   "lib/typescript/src/components/AcceleratedCheckoutButtons.d.ts.map",
   "lib/typescript/src/components/Checkout.d.ts",
@@ -69,7 +69,7 @@
   "lib/typescript/src/index.d.ts",
   "lib/typescript/src/index.d.ts.map",
   "package.json",
-  "src/CheckoutEventProvider.tsx",
+  "src/ShopifyCheckoutEventProvider.tsx",
   "src/components/AcceleratedCheckoutButtons.tsx",
   "src/components/Checkout.tsx",
   "src/context.tsx",

…-sheet-kit/src/CheckoutEventProvider.tsx …kit/src/ShopifyCheckoutEventProvider.tsxmodules/@shopify/checkout-sheet-kit/src/CheckoutEventProvider.tsx renamed to modules/@shopify/checkout-sheet-kit/src/ShopifyCheckoutEventProvider.tsx modules/@shopify/checkout-sheet-kit/src/CheckoutEventProvider.tsx renamed to modules/@shopify/checkout-sheet-kit/src/ShopifyCheckoutEventProvider.tsx

@@ -30,17 +30,17 @@ const CheckoutEventContext = createContext<CheckoutEventContextType | null>(
   null,
 );
 
-export interface CheckoutEventProviderProps {
+export interface ShopifyCheckoutEventProviderProps {
   children: React.ReactNode;
 }
 
 /**
- * CheckoutEventProvider manages active checkout events and provides methods to respond to them.
+ * ShopifyCheckoutEventProvider manages active checkout events and provides methods to respond to them.
  * This provider maintains references to active events and the webview to enable native callbacks.
  */
-export const CheckoutEventProvider = ({
+export const ShopifyCheckoutEventProvider = ({
   children,
-}: CheckoutEventProviderProps) => {
+}: ShopifyCheckoutEventProviderProps) => {
   const webViewRef = useRef<React.RefObject<any> | null>(null);
 
   const registerWebView = useCallback((ref: React.RefObject<any>) => {

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

@@ -30,7 +30,7 @@ import {
   findNodeHandle,
   type ViewStyle,
 } from 'react-native';
-import {useCheckoutEvents} from '../CheckoutEventProvider';
+import {useCheckoutEvents} from '../ShopifyCheckoutEventProvider';
 import type {
   CheckoutAddressChangeStart,
   CheckoutCompleteEvent,

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

@@ -515,7 +515,7 @@ export interface CartInput {
 export interface CheckoutAddressChangeStart {
   /**
    * Unique identifier for this event instance.
-   * Use this ID with the CheckoutEventProvider to respond to the event.
+   * Use this ID with the ShopifyCheckoutEventProvider to respond to the event.
    */
   id: string;
 
@@ -540,7 +540,7 @@ export interface CheckoutAddressChangeStart {
 
 /**
  * Response payload for CheckoutAddressChangeStart event.
- * Use with CheckoutEventProvider.respondToEvent() or useShopifyEvent().respondWith()
+ * Use with ShopifyCheckoutEventProvider.respondToEvent() or useShopifyEvent().respondWith()
  *
  * Note: This response is only used when native address selection is enabled
  * for the authenticated app.
@@ -653,7 +653,7 @@ export interface CheckoutSession {
 export interface CheckoutSubmitStart {
   /**
    * Unique identifier for this event instance.
-   * Use this ID with the CheckoutEventProvider to respond to the event.
+   * Use this ID with the ShopifyCheckoutEventProvider to respond to the event.
    */
   id: string;
 
@@ -684,7 +684,7 @@ export interface PaymentTokenInput {
 
 /**
  * Response payload for CheckoutSubmitStart event.
- * Use with CheckoutEventProvider.respondToEvent() or useShopifyEvent().respondWith()
+ * Use with ShopifyCheckoutEventProvider.respondToEvent() or useShopifyEvent().respondWith()
  *
  * Note: This response is only used when native payment delegation is enabled
  * for the authenticated app.

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

@@ -531,7 +531,7 @@ export type {
   RenderStateChangeEvent,
 } from './components/AcceleratedCheckoutButtons';
 export type {ShopifyCheckoutProps as CheckoutProps, ShopifyCheckoutRef as CheckoutRef} from './components/Checkout';
-export type {CheckoutEventProviderProps} from './CheckoutEventProvider';
+export type {ShopifyCheckoutEventProviderProps} from './ShopifyCheckoutEventProvider';
 
 // Components
 export {
@@ -540,7 +540,7 @@ export {
 } from './components/AcceleratedCheckoutButtons';
 export {ShopifyCheckout} from './components/Checkout';
 export {
-  CheckoutEventProvider,
+  ShopifyCheckoutEventProvider,
   useCheckoutEvents,
   useShopifyEvent,
-} from './CheckoutEventProvider';
+} from './ShopifyCheckoutEventProvider';

sample/src/screens/BuyNow/index.tsx

@@ -21,7 +21,7 @@ import {createNativeStackNavigator} from '@react-navigation/native-stack';
 import type {RouteProp} from '@react-navigation/native';
 import React from 'react';
 import {Button} from 'react-native';
-import {CheckoutEventProvider} from '@shopify/checkout-sheet-kit';
+import {ShopifyCheckoutEventProvider} from '@shopify/checkout-sheet-kit';
 import type {RootStackParamList} from '../../App';
 import CheckoutScreen from './CheckoutScreen';
 import AddressScreen from './AddressScreen';
@@ -40,7 +40,7 @@ type BuyNowStackProps = {
 export default function BuyNowStack(props: BuyNowStackProps) {
   const {colors} = useTheme();
   return (
-    <CheckoutEventProvider>
+    <ShopifyCheckoutEventProvider>
       <BuyNowStackNavigator.Navigator
         initialRouteName="Checkout"
         screenOptions={({navigation}) => ({
@@ -72,6 +72,6 @@ export default function BuyNowStack(props: BuyNowStackProps) {
           options={{title: 'Payment Details'}}
         />
       </BuyNowStackNavigator.Navigator>
-    </CheckoutEventProvider>
+    </ShopifyCheckoutEventProvider>
   );
 }