On this page

Referencia viewportov

Viewporty definujú, kde sa UI komponenty vašej Stripe App zobrazujú v Stripe Dashboard. Každý viewport zodpovedá konkrétnej stránke Dashboardu alebo miestu, kde môže vaša aplikácia vykresliť pohľad.

Ako viewporty fungujú

Keď deklarujete pohľad v manifeste aplikácie, namapujete React komponent na viewport:

{
  "ui_extension": {
    "views": [
      {
        "viewport": "stripe.dashboard.customer.detail",
        "component": "CustomerDetailView"
      }
    ]
  }
}

Viewporty pre celý Dashboard

ID viewportu	Popis
`stripe.dashboard.drawer.default`	Predvolený pohľad zásuvky, prístupný z ľubovoľnej stránky Dashboardu
`stripe.dashboard.home.overview`	Prehľad domovskej stránky
`stripe.dashboard.settings`	Stránka nastavení aplikácie
`stripe.dashboard.onboarding`	Onboardingový tok po inštalácii

Viewporty špecifické pre stránky

Platby

ID viewportu	Stránka
`stripe.dashboard.payment.list`	Zoznam platieb
`stripe.dashboard.payment.detail`	Detaily platby

Zákazníci

ID viewportu	Stránka
`stripe.dashboard.customer.list`	Zoznam zákazníkov
`stripe.dashboard.customer.detail`	Detaily zákazníka

Predplatné

ID viewportu	Stránka
`stripe.dashboard.subscription.list`	Zoznam predplatných
`stripe.dashboard.subscription.detail`	Detaily predplatného

Faktúry

ID viewportu	Stránka
`stripe.dashboard.invoice.list`	Zoznam faktúr
`stripe.dashboard.invoice.detail`	Detaily faktúry

Odporúčané viewporty pre integráciu Tajo Brevo

{
  "ui_extension": {
    "views": [
      {
        "viewport": "stripe.dashboard.customer.detail",
        "component": "CustomerDetailView"
      },
      {
        "viewport": "stripe.dashboard.customer.list",
        "component": "CustomerListView"
      },
      {
        "viewport": "stripe.dashboard.payment.detail",
        "component": "PaymentDetailView"
      },
      {
        "viewport": "stripe.dashboard.subscription.detail",
        "component": "SubscriptionDetailView"
      },
      {
        "viewport": "stripe.dashboard.home.overview",
        "component": "OverviewView"
      },
      {
        "viewport": "stripe.dashboard.drawer.default",
        "component": "DrawerView"
      },
      {
        "viewport": "stripe.dashboard.settings",
        "component": "SettingsView"
      },
      {
        "viewport": "stripe.dashboard.onboarding",
        "component": "OnboardingView"
      }
    ]
  }
}

Komponent	Účel
CustomerDetailView	Zobrazenie kontaktných informácií Brevo, stavu synchronizácie a dát zapojenia pre konkrétneho zákazníka
CustomerListView	Zobrazenie ovládacích prvkov hromadnej synchronizácie a agregovaných štatistík synchronizácie Brevo
PaymentDetailView	Zobrazenie, ktoré udalosti Brevo boli spustené touto platbou
SubscriptionDetailView	Zobrazenie stavu automatizácie Brevo pre toto predplatné
OverviewView	Widget domovskej stránky Dashboardu so zdravím synchronizácie a kľúčovými metrikami Brevo
DrawerView	Všeobecná zásuvka aplikácie s rýchlymi akciami a prehľadom stavu
SettingsView	Konfigurácia API kľúča Brevo, predvolieb synchronizácie a mapovaní polí
OnboardingView	Vedenie nových používateľov cez pripojenie ich účtu Brevo

Caution

Ak váš manifest deklaruje viewport, ktorý neexistuje, nahrávanie aplikácie zlyhá pri validácii. Vždy overujte ID viewportov oproti tejto referencii.