# ビジネスロジックコンポーネント

ビジネスロジックコンポーネントは、サブスクリプションと請求書管理に関連する複雑でステートフルな操作を処理するために設計された、特殊なReactコンポーネントです。これらのコンポーネントは、延滞請求書の支払いやキャンセルされたサブスクリプションの再開など、ユーザーフロー全体をカプセル化し、最小限のセットアップで高度な機能をアプリケーションに簡単に統合できるようにします。

これらはコアライブラリの機能を基盤に構築されており、多くの場合、支払いサービスAPIと対話してアクションを実行し、状態の変更を反映します。

<x-cards data-columns="2">
  <x-card data-title="OverdueInvoicePayment" data-icon="lucide:file-warning" data-href="/components/business/overdue-invoice-payment">
    特定の顧客またはサブスクリプションの延滞請求書の支払いを処理するコンポーネントで、支払いオプション付きのダイアログを表示します。
  </x-card>
  <x-card data-title="ResumeSubscription" data-icon="lucide:play-circle" data-href="/components/business/resume-subscription">
    ユーザーがキャンセルされたサブスクリプションを再開できるようにします。必要に応じて、必要なAPI呼び出しと再ステーキングロジックを処理します。
  </x-card>
  <x-card data-title="Auto-Topup Components" data-icon="lucide:zap" data-href="/components/business/auto-topup">
    表示カードや設定モーダルを含む、自動クレジットトップアップを管理および設定するための一連のコンポーネントです。
  </x-card>
</x-cards>

### 次のステップ

これらのビジネスロジックコンポーネントを統合した後、ユーザーに履歴データを表示したい場合があるでしょう。[履歴コンポーネント](./components-history.md)セクションに進み、請求書、支払い、およびクレジットトランザクションを一覧表示する方法を学びましょう。