# サポートされている Connect の埋め込みコンポーネント

利用可能な埋め込みコンポーネントについてご紹介します。

Connect埋め込みコンポーネントを使用して、連結アカウントのカスタムダッシュボードを構築します。モバイル向けに最適化されており、貴社のウェブサイトのように[カスタマイズ](https://docs.stripe.com/connect/customize-connect-embedded-components.md)できます。

HTML 要素または React コンポーネントとしてページに埋め込みコンポーネントを追加します。Web コンポーネントは応答性に優れ、モバイル Web ブラウザーで動作します。

## アカウント登録と法令遵守

連結アカウントがアカウント登録、アカウント詳細の管理、コンプライアンスの維持をできるようにします。

[アカウント管理](https://docs.stripe.com/connect/supported-embedded-components/account-management.md): アカウントの詳細を表示して、編集できるようにします。

[アカウント登録](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md): データを検証する、地域に合わせたアカウント登録フォームを表示します。

[通知バナー](https://docs.stripe.com/connect/supported-embedded-components/notification-banner.md): リスク介入とアカウント登録要件に対する必要な対応を示すバナーを表示します。

## 支払い

連結アカウントが支払い、返金、不審請求の申し立てを表示および管理できるようにします。

[支払い](https://docs.stripe.com/connect/supported-embedded-components/payments.md): エクスポート、返金、不審請求の申請ケイパビリティを持つ支払いのリストを表示します。

[支払いの詳細](https://docs.stripe.com/connect/supported-embedded-components/payment-details.md): 特定の支払いの詳細を表示し、連結アカウントが不審請求の申請を管理したり、返金を実行したりできるようにします。

[決済の不審請求の申し立て](https://docs.stripe.com/connect/supported-embedded-components/disputes-for-a-payment.md): 連結アカウントが、決済の不審請求の申し立てを表示・管理できるようにします。

[不審請求の申し立てリスト](https://docs.stripe.com/connect/supported-embedded-components/disputes-list.md): 不審請求の申し立てリストを表示し、連結アカウントが不審請求の申し立てを管理できるようにします。

[支払い方法の設定 (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/payment-method-settings.md): 連結アカウントが管理して受け付けられる支払い方法のリストを表示します。

## 入金

連結アカウントが残高を表示したり、入金先を管理したり、売上を入金したりできるようにします。

[入金](https://docs.stripe.com/connect/supported-embedded-components/payouts.md): 入金と残高の情報を表示し、連結アカウントが入金を実行できるようにします。

[残高](https://docs.stripe.com/connect/supported-embedded-components/balances.md): 残高情報を表示して、連結アカウントが入金を実行できるようにします。

[入金リスト](https://docs.stripe.com/connect/supported-embedded-components/payouts-list.md): フィルターを適用できる入金のリストを表示します。

[入金の詳細](https://docs.stripe.com/connect/supported-embedded-components/payout-details.md): 入金の詳細を表示します。

[Instant Payoutsプロモーション](https://docs.stripe.com/connect/supported-embedded-components/instant-payouts-promotion.md): Instant Payouts の認知度と導入率を高めるプロモーションコンテンツを表示します。

## Capital

連結アカウントがローンを申請し、管理できるようにします。

[Capital 融資の申し込み (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing-application.md): Capital 融資のエンドツーエンドの申し込みフローを表示します。

[Capital 融資プロモーション (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing-promotion.md): 連結アカウントの Capital 融資オファーに関するプロモーション用コンテンツを表示し、Capital 融資の申し込みを開始します。

[Capital 融資 (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing.md): 連結アカウントで有効な Capital 融資を表示して管理できるようにします。

## Tax

連結アカウントが税務情報を表示および管理できるようにします。

[納税登録](https://docs.stripe.com/connect/supported-embedded-components/tax-registrations.md): 連結アカウントの納税登録を表示して管理します。

[Tax の設定](https://docs.stripe.com/connect/supported-embedded-components/tax-settings.md): 連結アカウントが Stripe Tax を設定できるようにします。

[税取引をエクスポートする (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/export-tax-transactions.md): 連結アカウントが税取引の要約エクスポートを生成できるようにします。

[課税しきい値の監視 (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/tax-threshold-monitoring.md): 課税地域別の売上を表示し、課税対象のしきい値に達しているかどうかを示します。

[商品税コードセレクター (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/product-tax-code-selector.md): 連結アカウントが商品の税金コードを設定できるようにします。

## Terminal

連結アカウントがハードウェアを注文し、ハードウェアの注文を管理できるようにします。

[端末ハードウェアショップ](https://docs.stripe.com/connect/supported-embedded-components/terminal-hardware-shop.md): ハードウェアショップを表示し、連結アカウントがハードウェアを購入できるようにします。

[Terminal ハードウェアの注文](https://docs.stripe.com/connect/supported-embedded-components/terminal-hardware-orders.md): ハードウェアの注文を表示し、連結アカウントが注文を管理できるようにします。

## 金融サービス

連結アカウントに金融口座と発行されたカードの管理を認めましょう。[導入ガイドを表示](https://docs.stripe.com/issuing/integration-guides/embedded-finance.md?integration=embedded)

[金融口座](https://docs.stripe.com/connect/supported-embedded-components/financial-account.md): 金融口座の詳細を表示します。

[金融口座の取引](https://docs.stripe.com/connect/supported-embedded-components/financial-account-transactions.md): 金融口座のすべての取引の表を表示します。

[Issuing カード](https://docs.stripe.com/connect/supported-embedded-components/issuing-card.md): 個人に発行されたカードを表示します。

[Issuing カードリスト](https://docs.stripe.com/connect/supported-embedded-components/issuing-cards-list.md): 発行済みのすべてのカードの一覧を表示します。

## レポート作成

連結アカウントがレポートを表示およびダウンロードできるようにします。

[書類](https://docs.stripe.com/connect/supported-embedded-components/documents.md): ダウンロードできる書類のリストを表示します。

[残高レポート](https://docs.stripe.com/connect/supported-embedded-components/balance-report.md): 連結アカウントが残高サマリーレポートを表示およびエクスポートできるようにします。

[入金照合レポート](https://docs.stripe.com/connect/supported-embedded-components/payout-reconciliation-report.md): 連結アカウントが入金照合レポートを表示およびエクスポートできるようにします。

[レポートのチャート (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/reporting-chart.md): レポートをグラフ形式で表示します。

## アプリ

連結アカウントがサードパーティーアプリケーションで支払いデータを管理できるようにします。[導入ガイドを確認する](https://docs.stripe.com/stripe-apps/embedded-apps.md)

[アプリのインストール (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/app-install.md): アプリのインストールボタンを表示します。

[アプリのビューポート (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/app-viewport.md): インストール済みアプリのビューを表示します。

## 導入ガイド

[会計機能の導入](https://docs.stripe.com/stripe-apps/embedded-apps.md): サードパーティーの会計ソフトウェアとの連携を表示します。

[すべてが埋め込まれた Connect プラットフォームの連携](https://docs.stripe.com/connect/build-full-embedded-integration.md): Stripe がホストするダッシュボードを使用せずに、連結アカウントがお客様のウェブサイトから Stripe Connect の機能にアクセスできるようにします。

[埋込型金融](https://docs.stripe.com/issuing/integration-guides/embedded-finance.md?integration=embedded): 構築済みの UI コンポーネントを使用して、プラットフォーム向け Issuing および Treasury をウェブサイトに埋め込みます。

## コンポーネントのプレビュー

プレビューコンポーネントを使用する場合は、ベータ版の Stripe SDK と、プレビューバージョンの [@stripe/connect-js](https://github.com/stripe/connect-js) SDK および [@stripe/react-connect-js](https://github.com/stripe/react-connect-js) SDK を使用してください。

プライベートプレビューコンポーネントを使用してアカウントセッションを作成するには、Stripe ベータ SDK を使用します。

- [Ruby](https://github.com/stripe/stripe-ruby/#public-preview-sdks) `>=15.5.0-beta.1`
- [Python](https://github.com/stripe/stripe-python/#public-preview-sdks) `>=12.5.0b1`
- [PHP](https://github.com/stripe/stripe-php/#public-preview-sdks) `>=17.6.0-beta.1`
- [ノード](https://github.com/stripe/stripe-node/#public-preview-sdks)`>=18.5.0-beta.1`
- [.NET](https://github.com/stripe/stripe-dotnet#public-preview-sdks) `>=48.5.0-beta.1`
- [Java](https://github.com/stripe/stripe-java#public-preview-sdks) `>=29.5.0-beta.1`
- [進む](https://github.com/stripe/stripe-go#public-preview-sdks) `>=82.5.0-beta.1`

プライベートプレビューコンポーネントのレンダリングには、クライアント側ライブラリを使用します。

#### npm

ライブラリをインストールします。

```bash
npm install --save @stripe/connect-js@preview
```

アプリケーションで React を使用している場合は、以下のようにします。

```bash
npm install --save @stripe/react-connect-js@preview
```

#### GitHub

[@stripe/connect-js](https://github.com/stripe/connect-js) ライブラリと [@stripe/react-connect-js](https://github.com/stripe/react-connect-js) ライブラリのソースコードを GitHub から直接ダウンロードします。

### v1プレビューからv2プレビューへの移行

1. クライアントライブラリを更新します。
   - [Ruby](https://github.com/stripe/stripe-ruby/#public-preview-sdks) `>=15.5.0-beta.1`
   - [Python](https://github.com/stripe/stripe-python/#public-preview-sdks) `>=12.5.0b1`
   - [PHP](https://github.com/stripe/stripe-php/#public-preview-sdks) `>=17.6.0-beta.1`
   - [ノード](https://github.com/stripe/stripe-node/#public-preview-sdks)`>=18.5.0-beta.1`
   - [.NET](https://github.com/stripe/stripe-dotnet#public-preview-sdks) `>=48.5.0-beta.1`
   - [Java](https://github.com/stripe/stripe-java#public-preview-sdks) `>=29.5.0-beta.1`
   - [進む](https://github.com/stripe/stripe-go#public-preview-sdks) `>=82.5.0-beta.1`
1. 使用するベータヘッダーを `embedded_connect_beta=v1` から `embedded_connect_beta=v2` に更新します。
1. `@stripe/connect-js` および `@stripe/react-connect-js` npm パッケージのプレビューリリースを引き続き使用します。
1. [アカウントセッション](https://docs.stripe.com/api/account_sessions/create.md)を作成するときにパラメーターとして有効にする `components` のリストを指定します。

### v2 プレビューから GA に移行する

一般提供が開始されているプレビュー版コンポーネントを使用する場合は、以下のステップに従ってください。

1. クライアントライブラリを更新します。
   - [Ruby](https://github.com/stripe/stripe-ruby) `>=15.4.0`
   - [Python](https://github.com/stripe/stripe-python) `>=12.4.0`
   - [PHP](https://github.com/stripe/stripe-php) `>=17.5.0`
   - [Node](https://github.com/stripe/stripe-node) `>=18.4.0`
   - [.NET](https://github.com/stripe/stripe-dotnet) `>=48.4.0`
   - [Java](https://github.com/stripe/stripe-java) `>=29.4.0`
   - [Go](https://github.com/stripe/stripe-go) `>=82.4.0`
1. `embedded_connect_beta` ヘッダーを削除します。
1. `@stripe/connect-js` と `@stripe/react-connect-js` npm パッケージの公開バージョンを使用します。

モバイル SDK を使用して、iOS または Android にネイティブでコンポーネントを埋め込みます。

[アカウント登録](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md?platform=ios): データを検証する、地域に合わせたアカウント登録フォームを表示します。

[支払い (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/payments.md?platform=ios): エクスポート、返金、不審請求の申請ケイパビリティを持つ支払いのリストを表示します。

[入金 (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/payouts.md?platform=ios): 入金と残高の情報を表示し、連結アカウントが入金を実行できるようにします。

React Native SDK を使用して、React Native モバイルアプリケーションにコンポーネントを埋め込みます。

[アカウント登録 (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md?platform=react-native): データを検証する、地域に合わせたアカウント登録フォームを表示します。

[支払い (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/payments.md?platform=react-native): エクスポート、返金、不審請求の申請ケイパビリティを持つ支払いのリストを表示します。

[入金 (プレビュー)](https://docs.stripe.com/connect/supported-embedded-components/payouts.md?platform=react-native): 入金と残高の情報を表示し、連結アカウントが入金を実行できるようにします。

## アクセスをリクエストする  (プライベートベータ版)

サインインして、プライベートプレビューで React Native 用 Connect の埋め込みコンポーネントへのアクセスをリクエストしてください。Stripe アカウントをお持ちでない場合は、[今すぐ登録](https://dashboard.stripe.com/register) できます。