Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
"@astrojs/starlight-docsearch": "^0.6.1",
"@astrojs/ts-plugin": "^1.10.6",
"@expressive-code/plugin-collapsible-sections": "^0.41.6",
"@expressive-code/plugin-line-numbers": "0.41.3",
"@expressive-code/plugin-line-numbers": "0.41.6",
"@sindresorhus/slugify": "^3.0.0",
"@sumup-oss/circuit-ui": "^10.14.5",
"@sumup-oss/design-tokens": "^9.0.0",
Expand Down
51 changes: 14 additions & 37 deletions src/components/content/Button.astro
Original file line number Diff line number Diff line change
@@ -1,48 +1,25 @@
---
import { Button as Default } from "@sumup-oss/circuit-ui";
import { ArrowSlanted } from "@sumup-oss/icons";

const { href, ...props } = Astro.props;
const isExternal = /^https?:\/\//.test(href);
---

{
href ? (
<a href={href} class="button" {...props}>
<Default
variant="primary"
href={href}
target={isExternal ? "_blank" : undefined}
rel={isExternal ? "noreferrer noopener" : undefined}
icon={isExternal ? ArrowSlanted : undefined}
>
<slot />
</a>
</Default>
) : (
<button {...props}>
<Default variant="primary" {...props}>
<slot />
</button>
</Default>
)
}

<style lang="scss">
button,
.button {
display: inline-flex;
justify-content: center;
width: auto;
height: auto;
margin: 0 auto var(--cui-spacings-giga);
cursor: pointer;
text-align: center;
text-decoration: none;
font-weight: 700;
border-width: 1px;
border-style: solid;
border-radius: 999999px;
transition:
opacity 120ms ease-in-out,
color 120ms ease-in-out,
background-color 120ms ease-in-out,
border-color 120ms ease-in-out;
background-color: var(--cui-bg-accent-strong);
border-color: var(--cui-border-accent);
color: var(--cui-fg-on-strong);
padding: calc(12px - 1px) calc(24px - 1px);
position: relative;
overflow: hidden;

&:hover {
background-color: var(--cui-bg-accent-strong-hovered);
}
}
</style>
9 changes: 3 additions & 6 deletions src/content/docs/online-payments/checkouts/swift-checkout.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,6 @@ sidebar:
import { Aside } from '@astrojs/starlight/components';


## About Swift Checkout SDK

The Swift Checkout SDK enables you to offer a complete and fast checkout experience to your end users, allowing you to collect payment, address, and contact information with a click of a button. Swift Checkout SDK allows for Google Pay and Apple Pay setup.

### Prerequisites
Expand Down Expand Up @@ -195,8 +193,8 @@ paymentRequest.onShippingAddressChange(async (newShippingAddress) => {

<Aside type="note">
To protect user privacy, browsers might hide non-essential and sensitive details from the shipping address, and only provide data required for shipping cost estimation.
The extent of information provided can vary based on the chosen browser and payment method, leading to certain fields being absent.
For example, the displayed shipping address might be limited to the city, state, country, and ZIP code.
The extent of information provided can vary based on the chosen browser and payment method, leading to certain fields being absent.
For example, the displayed shipping address might be limited to the city, state, country, and ZIP code.

The full shipping address is disclosed only in the `PaymentResponse` object after the payment is authorized by the account holder.
</Aside>
Expand Down Expand Up @@ -241,7 +239,7 @@ buttons
{ id: 'apple_pay' },
{ id: 'google_pay' }
// See `paymentRequest.availablePaymentMethods()` for all available payment methods
],
],
container: document.querySelector('#express-checkout-container'),
});
```
Expand Down Expand Up @@ -465,4 +463,3 @@ Once the hash has been applied you can proceed with the domain validation steps:
3. Navigate to the **Integrate with your website** and click on **+ Add website**
4. Fill out the form with the requested information (domain name, buyflow screenshots, etc.)
5. At the top of the page click on **Submit for approval**

4 changes: 3 additions & 1 deletion src/content/docs/online-payments/plugins/prestashop.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,9 @@ import Button from '@components/content/Button.astro';

To use PrestaShop with SumUp, download the SumUp Payment module plugin, which requires configuration in your SumUp dashboard.

<Button href="https://addons.prestashop.com/en/payment-card-wallet/44630-sumup-payment.html">Download PrestaShop Plugin</Button>
<br/>

<Button client:load href="https://addons.prestashop.com/en/payment-card-wallet/44630-sumup-payment.html">Download PrestaShop Plugin</Button>

## Prerequisites

Expand Down
7 changes: 6 additions & 1 deletion src/content/docs/online-payments/plugins/woocommerce.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,12 @@ The [SumUp Payment Gateway for WooCommerce](https://wordpress.org/plugins/sumup-
The SumUp WooCommerce plugin is SCA ready and compliant with PCI standards.
</Aside>

<Button href="https://wordpress.org/plugins/sumup-payment-gateway-for-woocommerce/">
<br />

<Button
client:load
href="https://wordpress.org/plugins/sumup-payment-gateway-for-woocommerce/"
>
Go to plugin page
</Button>

Expand Down
4 changes: 1 addition & 3 deletions src/content/docs/terminal-payments/cloud-api.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,6 @@ import Video from '@components/content/Video.astro';
import SoloScreen from '@components/content/SoloScreen.astro';
import { cloudapiname } from '@lib/productnames.ts';

## About Payments with Cloud API

The { cloudapiname } lets you start a transaction from a Point of Sale (POS) running on any platform (Windows, iOS, Linux, Android, Web-based, etc.) capable of sending HTTPS requests and complete that transaction via a Solo reader.

Key advantages include:
Expand Down Expand Up @@ -353,7 +351,7 @@ Read the [Get Reader Status endpoint documentation](/api/readers/get-status) for

### Update Reader

Update the data of a specific reader.
Update the data of a specific reader.

Check the [Update a Reader endpoint documentation](/api/readers/update) for details on the API request, examples, and parameter descriptions.

Expand Down
2 changes: 0 additions & 2 deletions src/content/docs/terminal-payments/payment-switch.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ sidebar:
order: 3
---

## Overview

SumUp API Payment Switch is a light integration where your app opens the SumUp app to request and execute a payment. This integration approach has been the go-to solution for web аpplications before the platform-agnostic [Cloud API](/terminal-payments/cloud-api) was released.

Your app initiates a request to charge a card, opens the SumUp app on the merchant's mobile device, and we handle the rest. Once the payment has been processed, the transaction result is communicated back, and the merchant is returned to your app.
Expand Down