Skip to content
Merged
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
3 changes: 0 additions & 3 deletions docs.json
Original file line number Diff line number Diff line change
Expand Up @@ -342,7 +342,6 @@
"pages": [
"sdk/web/checkout-sdk/hooks/useAddFundsModal",
"sdk/web/checkout-sdk/hooks/useCheckoutModal",
"sdk/web/checkout-sdk/hooks/useERC1155SaleContractCheckout",
"sdk/web/checkout-sdk/hooks/useSelectPaymentModal",
"sdk/web/checkout-sdk/hooks/useSwapModal",
"sdk/web/checkout-sdk/hooks/useTransferFundsModal"
Expand Down Expand Up @@ -1330,7 +1329,6 @@
"pages": [
"ja/sdk/web/checkout-sdk/hooks/useAddFundsModal",
"ja/sdk/web/checkout-sdk/hooks/useCheckoutModal",
"ja/sdk/web/checkout-sdk/hooks/useERC1155SaleContractCheckout",
"ja/sdk/web/checkout-sdk/hooks/useSelectPaymentModal",
"ja/sdk/web/checkout-sdk/hooks/useSwapModal",
"ja/sdk/web/checkout-sdk/hooks/useTransferFundsModal"
Expand Down Expand Up @@ -2314,7 +2312,6 @@
"pages": [
"es/sdk/web/checkout-sdk/hooks/useAddFundsModal",
"es/sdk/web/checkout-sdk/hooks/useCheckoutModal",
"es/sdk/web/checkout-sdk/hooks/useERC1155SaleContractCheckout",
"es/sdk/web/checkout-sdk/hooks/useSelectPaymentModal",
"es/sdk/web/checkout-sdk/hooks/useSwapModal",
"es/sdk/web/checkout-sdk/hooks/useTransferFundsModal"
Expand Down
142 changes: 0 additions & 142 deletions es/sdk/web/checkout-sdk/hooks/useERC1155SaleContractCheckout.mdx

This file was deleted.

42 changes: 0 additions & 42 deletions es/sdk/web/wallet-sdk/embedded/guides/checkout.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -55,48 +55,6 @@ Para integrar la función de checkout, siga estos pasos:

Ahora que hemos realizado la configuración, veamos cómo usar el modal de checkout para diferentes casos de uso.

## Checkout con un token ERC1155
Disponemos de funciones utilitarias para tokens ERC1155 que hacen más sencilla la configuración del modal de checkout.

Aquí hay una configuración con variables de ejemplo:

```jsx
import { useERC1155SaleContractCheckout } from "@0xsequence/checkout";
import { useAccount } from "wagmi";

const MyComponent = () => {
const { address: userAddress } = useAccount();
const { openCheckoutModal } = useERC1155SaleContractCheckout({
chain: 80002, // chainId of the chain the collectible is on
contractAddress: "0x0327b2f274e04d292e74a06809bcd687c63a4ba4", // address of the contract handling the minting function
wallet: userAddress!, // address of the recipient
collectionAddress: "0x888a322db4b8033bac3ff84412738c096f87f9d0", // address of the collection contract
items: [
// array of collectibles to purchase
{
tokenId: "0",
quantity: "1",
},
],
onSuccess: (txnHash: string) => {
console.log("success!", txnHash);
},
onError: (error: Error) => {
console.error(error);
},
});

const onClick = () => {
if (!userAddress) {
return;
}
openCheckoutModal();
};

return <button onClick={onClick}>Buy ERC-1155 collectible!</button>;
};
```

## Contrato personalizado
Instanciamos el hook `useSelectPaymentModal` para abrir el modal de checkout y pasar un objeto de configuración. Además, para contratos personalizados, puede especificar un ABI de contrato junto con la codificación de los datos de la llamada; en este caso estamos usando la utilidad `encodeFunctionData` de `ethers` y `viem`.

Expand Down
24 changes: 0 additions & 24 deletions es/solutions/payments/checkout-sdk.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -43,30 +43,6 @@ export default function App() {
}
```

## Ejemplo: venta primaria de ERC-1155

```tsx
import { useAccount } from 'wagmi'
import { useERC1155SaleContractCheckout } from '@0xsequence/checkout'

export function BuyButton() {
const { address } = useAccount()
const { openCheckoutModal } = useERC1155SaleContractCheckout({
chain: 137, // destination chainId
contractAddress: '0xSaleContract', // primary sale contract
collectionAddress: '0xERC1155', // collection
wallet: address!, // recipient
items: [{ tokenId: '1', quantity: '1' }],
// Optional: restrict card providers if your integration requires it
// creditCardProviders: ['transak', 'forte'],
onSuccess: (txHash) => console.log('success', txHash),
onError: (err) => console.error(err),
})

return <button onClick={() => address && openCheckoutModal()}>Buy</button>
}
```

## Ejemplo: llamada personalizada a contrato

```tsx
Expand Down
3 changes: 0 additions & 3 deletions ja/docs.json
Original file line number Diff line number Diff line change
Expand Up @@ -244,7 +244,6 @@
"sdk/web/hooks/useChain",
"sdk/web/hooks/useCheckoutModal",
"sdk/web/hooks/useCheckWaasFeeOptions",
"sdk/web/hooks/useERC1155SaleContractCheckout",
"sdk/web/hooks/useGetCoinPrices",
"sdk/web/hooks/useGetCollectiblePrices",
"sdk/web/hooks/useListAccounts",
Expand Down Expand Up @@ -1052,7 +1051,6 @@
"ja/sdk/web/hooks/useChain",
"ja/sdk/web/hooks/useCheckoutModal",
"ja/sdk/web/hooks/useCheckWaasFeeOptions",
"ja/sdk/web/hooks/useERC1155SaleContractCheckout",
"ja/sdk/web/hooks/useGetCoinPrices",
"ja/sdk/web/hooks/useGetCollectiblePrices",
"ja/sdk/web/hooks/useListAccounts",
Expand Down Expand Up @@ -1877,7 +1875,6 @@
"es/sdk/web/hooks/useChain",
"es/sdk/web/hooks/useCheckoutModal",
"es/sdk/web/hooks/useCheckWaasFeeOptions",
"es/sdk/web/hooks/useERC1155SaleContractCheckout",
"es/sdk/web/hooks/useGetCoinPrices",
"es/sdk/web/hooks/useGetCollectiblePrices",
"es/sdk/web/hooks/useListAccounts",
Expand Down
Loading