Function StoreKitSubProvider

packages/shared/src/contexts/payment/StoreKit.tsx:30–79

({
  children,
  successCallback,
}: PaymentContextProviderProps)

>;

export const StoreKitSubProvider = ({
  children,
  successCallback,
}: PaymentContextProviderProps): ReactElement => {
  const { user, isValidRegion: isPlusAvailable } = useAuthContext();

  const { data: metadata } = useQuery<ProductPricingMetadata[]>({
    queryKey: generateQueryKey(
      RequestKey.PriceMetadata,
      user,
      PurchaseType.Plus,
    ),
    queryFn: () => fetchPricingMetadata(PurchaseType.Plus),
    enabled: !!user && iOSSupportsPlusPurchase(),
    staleTime: StaleTime.Default,
  });

  const { data: products } = useQuery({
    queryKey: generateQueryKey(
      RequestKey.PricePreview,
      user,
      PurchaseType.Plus,
    ),
    enabled: !!metadata?.length && iOSSupportsPlusPurchase(),
    staleTime: StaleTime.Default,
    queryFn: async () => getApplePricing(metadata),
  });
  const { openCheckout } = useStoreKitPayment({
    type: PurchaseType.Plus,
    products,
    successCallback,
  });

  const contextData = useMemo<PaymentContextData>(
    () => ({
      openCheckout,
      productOptions: products,
      isPlusAvailable: isPlusAvailable ?? false,
      giftOneYear: undefined,
      isPricesPending: false,
    }),
    [isPlusAvailable, openCheckout, products],
  );

  return (
    <PaymentContext.Provider value={contextData}>
      {children}
    </PaymentContext.Provider>
  );
};