react-native.ts

type Listener = {eventName: string; callback: (data: any) => void};

function createMockEmitter() {
  let listeners: Listener[] = [];

  const addListener = jest.fn(
    (eventName: string, callback: (data: any) => void) => {
      listeners.push({eventName, callback});
      return {remove: jest.fn()};
    },
  );

  const removeAllListeners = jest.fn((eventName?: string) => {
    if (eventName) {
      listeners = listeners.filter(l => l.eventName !== eventName);
    } else {
      listeners = [];
    }
  });

  const emit = jest.fn((eventName: string, data: any) => {
    const callbacks = listeners
      .filter(l => l.eventName === eventName)
      .map(l => l.callback);
    callbacks.forEach(cb => cb(data));
    // Clear listeners after emit to avoid cross-test leakage
    listeners = [];
  });

  return {addListener, removeAllListeners, emit};
}

const requireNativeComponent = (..._args: any[]) => {
  const React = require('react');
  return (props: any) =>
    React.createElement('View', {
      ...props,
      testID: props?.testID ?? 'accelerated-checkout-buttons',
    });
};

const codegenNativeComponent = requireNativeComponent;

const StyleSheet = {
  flatten: jest.fn(style => style),
};

const exampleConfig = {
  colorScheme: 'automatic',
  logLevel: 'error',
};
const shopifyCheckoutKitEventEmitter = createMockEmitter();

const ShopifyCheckoutKit = {
  version: '0.7.0',
  getConstants: jest.fn(() => ({
    version: '0.7.0',
    dispatchEventTypes: ['close', 'fail', 'geolocationRequest'],
  })),
  onDispatch: jest.fn((callback: (envelopeJson: string) => void) =>
    shopifyCheckoutKitEventEmitter.addListener('onDispatch', callback),
  ),
  preload: jest.fn(),
  present: jest.fn(),
  dismiss: jest.fn(),
  invalidateCache: jest.fn(),
  getConfig: jest.fn(() => exampleConfig),
  setConfig: jest.fn(),
  respondToGeolocationRequest: jest.fn(),
  configureAcceleratedCheckouts: jest.fn(() => true),
  isAcceleratedCheckoutAvailable: jest.fn(() => true),
  isApplePayAvailable: jest.fn(() => true),
  addListener: jest.fn(),
  removeListeners: jest.fn(),
};

// CommonJS export for Jest manual mock resolution
module.exports = {
  Platform: {OS: 'ios'},
  PermissionsAndroid: {
    requestMultiple: jest.fn(async () => ({})),
  },
  NativeEventEmitter: jest.fn(() => shopifyCheckoutKitEventEmitter),
  requireNativeComponent,
  codegenNativeComponent,
  TurboModuleRegistry: {
    getEnforcing: jest.fn((name: string) => {
      if (name === 'ShopifyCheckoutKit') {
        return ShopifyCheckoutKit;
      }
      return null;
    }),
  },
  NativeModules: {
    ShopifyCheckoutKit: {
      ...ShopifyCheckoutKit,
      eventEmitter: shopifyCheckoutKitEventEmitter,
    },
  },
  StyleSheet,
};