Міграція компонентів

Було — компонент з проду docs.solidgate.com. Стало — компонент на shadcn у цьому застосунку. Запропоновано — прототип у стилі shadcn Vega для того, чого ще немає.

Відсутні — 0 з 27

Є на проді, але немає в Confluence — 22

Additional textSupport linkAPM overview: highlightsAPM overview: groupAPM capabilities blocksAPM stack blocksAPM integration rowPlaybook panelPlaybook intro tableAPM catalog tileAPM filter chipAPM init calculatorPayment Page APM method listDescription cardComparison blockKlarna fields cardKlarna test panelError codes legend tablePSP settle rowSDK buttonsChangelog filtersChangelog entry

Alert

Мігровано

5 тонів (neutral / info / success / warning / destructive), іконка завжди. Опис — у тоні фону, не сірий.

shadcn: alert
Було
Стало
Запропоновано—

Button

Мігровано

shadcn base-vega Button: rounded-md (8px), primary / outline, h-9 px-2.5. Іконка опційна: slot="iconLeft" / "iconRight".

shadcn: button
Було
Стало
Demo Payment PageWhite button Next step Read the guide
Запропоновано—

IconButton

Мігровано

size-9, ті самі тони. label обовʼязковий — це accessible name.

shadcn: button
БулоШаблон Hugo-теми · на проді не використовується
Стало
Запропоновано—

SeeAlso

Мігровано

Обʼєднано з RichLink: <RichLink eyebrow="See also" to=…>.

shadcn: item
БулоШаблон Hugo-теми · на проді не використовується
Стало
See alsoSubscription overview
Запропоновано—

Card

Мігровано

Тексти не сині — синім лише інлайн-посилання. Довільні блоки всередині (p, ul, …) з gap-3; опційний slot="footer" притиснутий донизу.

shadcn: item, card
БулоШаблон Hugo-теми · на проді не використовується
Стало
Overview
Learn how customers, products, prices, invoices, and subscriptions work together.
Integrate billing

Compare pricing models, checkout options, and payment timing.

  • Flat-rate and per-seat
  • Payment Page or Form
2.0API v2
Запропоновано—

CardImage

Мігровано

<CardImage title to src> у <Grid>.

shadcn: card
БулоШаблон Hugo-теми · на проді не використовується
Стало
Per-seat pricingCharge per user or seat.Flat-rate pricingOne price for everything.
Запропоновано—

CardImageContainer + CardNoImageContainer

Мігровано

Один Grid замість двох контейнерів. Вимога 2.0 «до 5 колонок, ширина, вирівнювання» — не реалізована.

Було
Стало
Subscription overviewManage subscriptions
Запропоновано—

Tab + TabGroup

Мігровано

Ванільний JS, без React-острова. Вимоги 2.0 (висота = найбільшій вкладці, TOC під вкладку) — не реалізовані.

shadcn: tabs
Було
Стало
Запропоновано—

CodeBlock

Мігровано

Будь-який ```fence у MDX: рамка, номери рядків, копіювання. «Show more» і перемикання теми — ще ні.

Було
Стало
{
  "campaign": "spring_2026",
  "channel": "ads"
}
Запропоновано—

CodeTab + CodeTabGroup

Мігровано

<ContentTabs variant="code"> з code fence у кожній вкладці.

shadcn: tabs
Було
Стало
Запропоновано—

Copy Button

Частково

Є в кожному code block. Копіювання inline-коду (вимога 2.0) — ще ні, прототип праворуч.

shadcn: button
Було
Стало
{
  "campaign": "spring_2026",
  "channel": "ads"
}
Запропоновано

Field order_id is required.

Badge

Мігровано

Варіанти shadcn + 9 кольорів Hugo (red, green, bronze, brown, marineBlue, blue, lightPurple, purple, swampGreen) з тими самими значеннями. Форма бейджа — shadcn.

shadcn: badge
Було
Стало
defaultsecondarydestructiveoutline
successfailedDefault routebrownPublishedlightPurpleDraftYesswampGreen
Запропоновано—

Accordion

Мігровано

Нативний <details>, 0 KB JS. Стилі як у shadcn Accordion.

shadcn: accordion
Було
Стало
72 - Declined Authorization

The payment could not be authorized because it was above the floor limit.

NC - Not Classified

Any claims of invalid transactions that do not fall under any other classification.

Запропоновано—

Tooltip

Мігровано

Вимога 2.0 про 3 різновиди (гайд / глосарій / опис поля) — дизайну ще немає.

shadcn: tooltip
Було
Стало

Brazil applies IOF-FX to foreign exchange operations.

Запропоновано—

Image + ImageZoom + ImageWithTitle

Мігровано

Вимога 2.0: зум відносно viewport (як у Stripe), розміри / вирівнювання — не реалізовані.

shadcn: dialog
БулоШаблон Hugo-теми · на проді не використовується
Стало
Запропоновано—

Code text

Мігровано

`бектики` — Hugo-сірий; <InlineCode tone="purple|green|red|plain"> для інших тонів, кольори з Hugo. Копіювання по кліку (вимога 2.0) — ще ні.

Було
Стало

Field payment_type set to one-time; one-time allowed, 1-click blocked, card 4067429974719265.

Запропоновано—

Tab Select

Мігровано

<TabSelect> з тими самими <ContentTab>, що й ContentTabs.

shadcn: select, tabs
БулоШаблон Hugo-теми · на проді не використовується
Стало
Запропоновано—

Expander

Мігровано

<Expander title> навколо Accordion. Без React — працює з <details> напряму. Застосовано на subscription-overview і update-subscription.

shadcn: collapsible
Було
Стало
Discover not classified
Time limit – 120 days for ISSUER/CARDHOLDER and not applicable for ACQUIRER/MERCHANT
NC - Not Classified

Any claims of invalid transactions that do not fall under any other classification.

NA - No Authorization

The transaction was processed without a valid authorization.

Запропоновано—

H[1-6] + Anchor

Мігровано

## у MDX → заголовок з якорем # при наведенні. Фіксований anchor-проп (вимога 2.0) — ще ні.

Було
Стало

Car rental payments

Запропоновано—

SvgIcon

Мігровано
Було

На проді не використовується

Стало
Запропоновано—

ParamAccordion

Мігровано

<ParamAccordion name type note required>, вкладається для object / array.

shadcn: collapsible, accordion
Було
Стало
order_idstringmax 255required
Unique order identifier in your system.
billing_addressobject
countrystring
ISO 3166-1 alpha-3 country code.
zip_codestring
Postal code.
order_itemsarray of objects
Line items of the order.
Запропоновано—

YouTube

Мігровано

<YouTube id title>. У прикладі id відео порожній.

shadcn: aspect-ratio
БулоШаблон Hugo-теми · на проді не використовується
Стало
Video title
Запропоновано—

Grid

Мігровано

Вимога 2.0 «до 5 колонок» — не реалізована.

Було

На проді не використовується

Стало
One
Column content
Two
Column content
Three
Column content
Запропоновано—

List (Number / Bullet)

Мігровано
Було
Стало
  1. Identify the customer — the customer enters email or phone.
  2. Verify, then branch — OTP unlocks stored cards.
  • Country Chile
  • Country Code CHL
Запропоновано—

Table

Частково

Стилізовано через .docs-content, shadcn Table в lib немає.

shadcn: table
Було
Стало
ChangeEffect
Switch to a different priceChanges the plan amount or billing period.
Change quantityIncreases or decreases the number of units.
Запропоновано—

Є на проді, але немає в Confluence

Сирий HTML з inline-стилями прямо в контенті сторінок, поза темою і специфікацією.

Additional text

Немає в Confluence

На проді: 224 сторінок

Було
Стало

Ще немає

Запропоновано

By default, the checkbox is selected when the payment page loads. Pass terms_accepted_by_default: false to show it unchecked.

APM overview: highlights

Немає в Confluence

На проді: 30 сторінок

Було
Стало

Ще немає

Запропоновано
Category
A2A
Payment flow
Direct

APM overview: group

Немає в Confluence

На проді: 30 сторінок

Було
Стало

Ще немає

Запропоновано
Account-to-account (A2A)Payments made directly from one bank or payment account to another. Includes Real-time payments, Bank redirects, Open Banking, and Direct debits.

APM capabilities blocks

Немає в Confluence

На проді: 29 сторінок

Було
Стало

Ще немає

Запропоновано
Billing logics
One-time
1-click
Recurring
Unscheduled
Operations
Refund
Partial refunds
Multiple partial refunds
Chargeback

APM stack blocks

Немає в Confluence

На проді: 28 сторінок

Було
Стало

Ще немає

Запропоновано
Coverage
Countries
Mexico (MX)
Currencies
Mexican Peso (MXN)
Min amount
1 MXN
Max amount
10,000 MXN
Checkout
Integration type
APIv1

APM integration row

Немає в Confluence

На проді: 28 сторінок

Було
Стало

Ще немає

Запропоновано
Integration type
APIv1Payment FormPayment Page

Playbook panel

Немає в Confluence

На проді: 32 сторінок

Було
Стало

Ще немає

Запропоновано
OperationDescription
RecurringCharge a stored token without collecting payment details again.
Revoke tokenCancel a stored token. Subscriptions that use the token are cancelled.
RefundReturn funds for a successfully processed order.
Check statusRead the current order, including token, method, and transaction details.

Playbook intro table

Немає в Confluence

На проді: 35 сторінок

Було
Стало

Ще немає

Запропоновано
Countries
Portugal (PT)
Currencies
Euro (EUR)
Min amount
1 EUR
Max amount
5,000 EUR

APM catalog tile

Немає в Confluence

На проді: 2 сторінок

Було
Стало

Ще немає

Запропоновано
AlipayBLIK

APM filter chip

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано

APM init calculator

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
These requests succeed
payment_typeProductIntent
Not sentone-timeone-time
Not sentrecurringrecurring
one-timeNo productone-time
one-timeone-timeone-time
1-clickNo product1-click
1-clickone-time1-click
recurringNo productrecurring
recurringrecurringrecurring
unscheduledNo productunscheduled
unscheduledone-timeunscheduled
unscheduledrecurringunscheduled
These requests are declined
payment_typeProductResult
Not sentNo productDeclined
one-timerecurringDeclined
1-clickrecurringDeclined
recurringone-timeDeclined

Payment Page APM method list

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
BLIK One-timeBLIK Pay Later

Description card

Немає в Confluence

На проді: 2 сторінок

Було
Стало

Ще немає

Запропоновано
Payment PageIntegrated via a redirect from your backend. Generate the payment session and redirect the customer to the hosted page.
Payment LinkRequires no code integration. Generate a shareable URL via Hub or API and send it to the customer.

Comparison block

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
H2H (API)Payment FormPayment Page / Link
Redirect logic
Merchant-managed
Handled by Solidgate
Handled by Solidgate
Klarna display
Web SDK pop-up
or full redirect
Handled by Solidgate
Handled by Solidgate
Setup effort
High
Medium
Medium
Low
UI control
Full
Standard
Standard

Klarna fields card

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
Required fieldsrequired
payment_methodorder_idorder_descriptioncurrencyamountcustomer_emailip_addressbilling_address.countryplatformitem_category

Klarna test panel

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
Steps
Send init payment with future_usage.payment_type one-time. Redirect to pay_form.return_url.
Expected result
order.status processing, then approved. Webhook received.

Error codes legend table

Немає в Confluence

На проді: 3 сторінок

Було
Стало

Ще немає

Запропоновано
RetryThe transaction may succeed on a new attempt after refreshing the order or session context.
Customer actionThe customer must update bank or app settings before retrying.
Developer actionValidate APM request fields, method configuration, or regional availability before retrying.
Contact supportRequires Solidgate team intervention. Cannot be resolved independently.

PSP settle row

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
168 hours
AdyenEcardonEmerchantpayEPXFinaroLiqPayPayablPaycomPayonRevolutShift4Trust Payments

SDK buttons

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано
ReactVueAngular

Changelog filters

Немає в Confluence

На проді: 1 сторінка

Було
Стало

Ще немає

Запропоновано

Changelog entry

Немає в Confluence

На проді: 2 сторінок

Було
Стало

Ще немає

Запропоновано
PaymentsAddedindustry data processing for the evolving data requirements of various industries.

Нові, без аналога в Hugo

FeatureCard
Item variant=muted для сіток «що входить».
Subscriptions 2.0
API v2
Card з CardAction для порівняння версій Billing API.
Includes
InvoicesRetriesTaxes