Skip to content

Commit

Permalink
Merge pull request #75 from ayo-klaytn/feat/add-new-kaia-safe-media
Browse files Browse the repository at this point in the history
kaia safe media updated
  • Loading branch information
ayo-klaytn authored Aug 23, 2024
2 parents 4d5faa7 + 205faa3 commit 7be4ecf
Show file tree
Hide file tree
Showing 87 changed files with 45 additions and 53 deletions.
4 changes: 2 additions & 2 deletions docs/build/tools/wallets/kaia-safe/contract-interaction.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@ The contract must first be deployed before you may interact with it in your mult

To interact with a smart contract in your safe wallet, click **"New Transaction"**. To complete this step, you will need your already deployed contract address and ABI, as illustrated in the previous step.

![](/img/build/tools/kaia-safe/ks-ic-new-tx.gif)
![](/img/build/tools/kaia-safe/kaia-safe-ci-init.gif)

**Step 4:** Review and submit the transaction. You will need to sign the transaction with your signer wallet, and it will be executed once the confirmation threshold is reached.

![](/img/build/tools/kaia-safe/ks-review-ic.gif)
![](/img/build/tools/kaia-safe/kaia-safe-ci-review-send.gif)
24 changes: 9 additions & 15 deletions docs/build/tools/wallets/kaia-safe/faqs.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,22 @@ The steps below explain how to add new owners or signers to your Safe account af

**Step 2:** Click the **Add new signer** button at the bottom of the card. Clicking this button would open a new window.

![](/img/build/tools/kaia-safe/ks-owners-change.png)
![](/img/build/tools/kaia-safe/ks-add-signers.png)


**Step 3:** Enter the **name** of the new owner and paste the **owner's address**. Then click the next button at the bottom-right of the page.

**Step 4:** Set a new signature policy. In this case, you can either change or retain the existing signature policy. The image below shows that 2 out of the 4 owners are required to confirm and execute any transaction.

![](/img/build/tools/kaia-safe/ks-owners-details.png)
![](/img/build/tools/kaia-safe/ks-add-signer-details.png)

**Step 5:** Review and submit the transaction.

Confirm that all changes are correct before submitting. You can therefore submit the change by clicking on the **submit** button.

After clicking on **Submit**, your connected wallet will ask you to confirm the change. Depending on your existing signature policy, other owners will have to confirm the change just like a regular transaction.

![](/img/build/tools/kaia-safe/ks-review-owners.gif)
![](/img/build/tools/kaia-safe/kaia-safe-change-owner-setup-review.gif)


## Can I change the number of required signer confirmation? <a id="Can i change the number of required signer confirmation"></a>
Expand All @@ -40,32 +40,26 @@ Yes! You can change the number of signer confirmations required by following the

This shows your current signature policy, and from the image below, 2 out of 4 owners are required to confirm any transaction.

![](/img/build/tools/kaia-safe/ks-policy-page.png)
![](/img/build/tools/kaia-safe/ks-conf-policy.png)

**Step 2:** Click on the **change** button.

This pops up a new window to select your new signature threshold.

![](/img/build/tools/kaia-safe/ks-policy-change-btn.png)
![](/img/build/tools/kaia-safe/ks-conf-policy-btn.png)

**Step 3:** Click on the **Submit** button.

Note that depending on your existing signature policy, other owners will have to confirm the change just like a regular transaction.

![](/img/build/tools/kaia-safe/ks-review-policy.gif)



## How do I add an existing safe? <a id="How do i add an existing safe"></a>

Using your exported Safe data, which contains your added Safe accounts, address book, and settings, you can easily add your Safe account.

> Note: You must have downloaded your Safe data as shown in the image below:
![](/img/build/tools/kaia-safe/ks-data-export.png)

![](/img/build/tools/kaia-safe/ks-export-data.gif)

![](/img/build/tools/kaia-safe/ks-export-btn.png)


The need to add or load an existing safe into the interface varies. These may include:
Expand All @@ -80,15 +74,15 @@ Let's go through the process of adding your existing safe in the following steps

**Step 2:** Scroll to the **Data Import** card under the **Data** section.

![](/img/build/tools/kaia-safe/ks-data-import-details.png)
![](/img/build/tools/kaia-safe/ks-data-import-i.png)

Here you can either Drag and Drop a JSON file or choose your file as seen in the image above.

**Step 3:** Click on **Import** button.

![](/img/build/tools/kaia-safe/ks-data-import.png)
![](/img/build/tools/kaia-safe/ks-data-import-btn.png)

![](/img/build/tools/kaia-safe/ks-import-data.gif)
![](/img/build/tools/kaia-safe/kaia-safe-data-import.gif)

After this, you should now have access to your Safe account.

Expand Down
12 changes: 5 additions & 7 deletions docs/build/tools/wallets/kaia-safe/tx-builder.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,17 +14,17 @@ Let’s get started with this example using Transaction Builder!

**Step 1:** Open Safe Apps.

![](/img/build/tools/kaia-safe/tx-builder-app.png)
![](/img/build/tools/kaia-safe/ks-tx-builder.png)

**Step 2:** Open the Transaction Builder Safe app

![](/img/build/tools/kaia-safe/tx-builder-card.png)
![](/img/build/tools/kaia-safe/ks-use-tx-builder.png)

**Step 3:** Enter your **token contract address** and **ABI**.

In this example, CCT contract address and ABI will be used. You can copy and paste your ABI into the **Enter ABI** field.

![](/img/build/tools/kaia-safe/tx-builder-new.gif)
![](/img/build/tools/kaia-safe/kaia-safe-tx-builder-init.gif)

**Step 4:** Select a method and fill the transaction information

Expand All @@ -33,18 +33,16 @@ From the drop-down you can select a method. In this case, we select the **transf

Note: The value is an unsigned integer without any decimals. In this example, the CCT token has 18 decimals. So if you want to send 10 CCT, you have to enter 10000000000000000000.

![](/img/build/tools/kaia-safe/tx-builder-tx-details.gif)
![](/img/build/tools/kaia-safe/kaia-safe-tx-builder-details.gif)

**Step 5:** Click **Add transaction**

**Step 6:** Repeat steps **4**, **5**, and **6** for every recipient address.

**Step 7:** Once you added all operations to the batch click **Create Batch**

![](/img/build/tools/kaia-safe/tx-builder-batch-tx.gif)
![](/img/build/tools/kaia-safe/kaia-safe-tx-builder-batch.gif)

**Step 8:** Review and submit transaction

You'll be able to review the whole batch. Once ready, click **Send Batch** to submit and execute the transaction just like any other Safe transaction.

![](/img/build/tools/kaia-safe/tx-builder-review-tx.gif)
54 changes: 27 additions & 27 deletions docs/build/tools/wallets/kaia-safe/use-kaia-safe.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,27 +4,27 @@

Here you will see how to create a Safe and evaluate its benefits on the Kaia Network.

**Step 1:** Navigate to [Kaia Safe App](https://safe.klaytn.foundation/). By navigating to the application on your web browser, you can explore the functionality of Kaia Safe.
**Step 1:** Navigate to [Kaia Safe App](https://safe.kaia.io/). By navigating to the application on your web browser, you can explore the functionality of Kaia Safe.

**Step 2:** Connect your [wallet](https://docs.ethhub.io/using-ethereum/wallets/intro-to-ethereum-wallets/). At the moment, Kaia Safe support various wallets like [Kaikas](https://docs.kaikas.io/), [MetaMask](../../../tutorials/connecting-metamask) wallet, etc.

For the sake of this guide, we will be using MetaMask. Make sure you have Kaia networks([Cypress](../../../tutorials/connecting-metamask#connect-to-klaytn-cypress-network-mainnet) or [Baobab](../../../tutorials/connecting-metamask#connect-to-klaytn-baobab-network-testnet)) added to your MetaMask wallet to connect successfully.
For the sake of this guide, we will be using MetaMask. Make sure you have Kaia networks([Mainnet](../../../tutorials/connecting-metamask#connect-to-klaytn-cypress-network-mainnet) or [Kairos Testnet](../../../tutorials/connecting-metamask#connect-to-klaytn-baobab-network-testnet)) added to your MetaMask wallet to connect successfully.

![](/img/build/tools/kaia-safe/ks-connect-wallet.png)
![](/img/build/tools/kaia-safe/kaia-safe-connect-wallet.png)

**Step 3:** Once your wallet is connected, click **Create New Safe** and give your new Safe a **name**. This name is linked to your safe account, which is a multi-signature wallet that holds and stores all of your funds.
**Step 3:** Once your wallet is connected, click **Create Account** and give your new Safe a **name**. This name is linked to your safe account, which is a multi-signature wallet that holds and stores all of your funds.

**Step 4:** Add owners/signers by inputting the addresses that have permission to submit and approve transactions. You can add as many signers as you want and remove or replace any of them at any time.

**Step 5:** Choose how many signer confirmations a transaction in your Safe account needs to be approved. It is important to note that by default our app allows one signer confirmation. But it is advisable to use a threshold higher than 1 to ensure a secured safe account. Good practice is to use a threshold of 51% of the total owners e.g, 2 out of 3, 3 out of 5 etc as shown below:

![](/img/build/tools/kaia-safe/create-acc-ks.gif)
![](/img/build/tools/kaia-safe/kaia-safe-create-acct.gif)

**Step 6:** Review and deploy Safe

Once you are completely satisfied with all of your Safe parameters, you can submit the creation of your Safe account and proceed with the on-screen instructions to complete the account creation.

![](/img/build/tools/kaia-safe/review-ks-creation.gif)
![](/img/build/tools/kaia-safe/kaia-safe-create-review.gif)

Congratulations on successfully creating your Kaia Safe account!

Expand All @@ -38,48 +38,48 @@ Below are the steps to add **KAIA** to your safe account

**Step 1:** Copy your Safe address from your account dashboard.

![](/img/build/tools/kaia-safe/copy-kaia-safe-address.png)
![](/img/build/tools/kaia-safe/ks-deposit-copy-addr.png)

**Step 2:** Open your Metamask wallet and click **send** to send asset to your safe account.

Note that there are different ways to send assets to your Safe account. You can send from your [hardware wallet](https://www.ledger.com/academy/crypto-hardware-wallet), [web wallet](https://medium.com/arcana-network-blog/why-web-wallets-e77c776e4d5e), or even a smart contract. In this case, we're making use of a web wallet called MetaMask.


![](/img/build/tools/kaia-safe/ks-mm-send-btn.png)
![](/img/build/tools/kaia-safe/ks-token-send-btn.png)

**Step 3:** Paste your safe address in the search field as seen below.

**Step 4:** Input **amount** and click **next**.

![](/img/build/tools/kaia-safe/ks-send-details.png)
![](/img/build/tools/kaia-safe/ks-token-send-details.png)


**Step 5:** Confirm the transaction and check your asset dashboard. You can see the amount being transferred from your metamask account to your Kaia Safe account.

![](/img/build/tools/kaia-safe/ks-klay-balance.png)
![](/img/build/tools/kaia-safe/kaia-safe-klay-bal.png)

### KIP-7 Deposits

Now we will see how to deposit KIP7 (fungible tokens) to our safe by following the below steps.

**Step 1:** Copy your Safe address from your account dashboard.

![](/img/build/tools/kaia-safe/ks-kip7-copy-address.png)
![](/img/build/tools/kaia-safe/ks-deposit-ft-copy.png)

**Step 2:** Open your Metamask Wallet and navigate to **assets** tab.

**Step 3:** Select the token you will love to send and click **send**.

![](/img/build/tools/kaia-safe/ks-kip7-mm-send-btn.png)
![](/img/build/tools/kaia-safe/ks-ft-send-btn.png)

**Step 4:** Repeat step **3**, **4**, **5** of **KAIA** Deposits above.

![](/img/build/tools/kaia-safe/ks-kip7-mm-send-cct.png)
![](/img/build/tools/kaia-safe/ks-ft-send-details.png)


**Step 5:** View your assets dashboard, you can see the KIP7 tokens being transferred to your safe account. Similarly you can transfer any Fungible token to your safe account.

![](/img/build/tools/kaia-safe/ks-kip7-bal-display.png)
![](/img/build/tools/kaia-safe/ks-ft-balance.png)

### KIP-17 (NFTs) Deposits

Expand All @@ -93,7 +93,7 @@ You can transfer your NFT’s to your safe account in many different ways. Here
4. Paste the safe address in the text box and transfer to safe
5. Under Assets section in Kaia Safe you can find NFT’s from OpenSea.

![](/img/build/tools/kaia-safe/ks-transfer-kip17.gif)
![](/img/build/tools/kaia-safe/kaia-safe-trf-nft.gif)

Please refer to this [guide](https://support.opensea.io/en/articles/8866959-how-can-i-transfer-an-nft-using-opensea) from OpenSea for more details on transferring NFTs.

Expand All @@ -103,17 +103,17 @@ In this section, you'll learn how to send KAIA and KIP-7 tokens from your Kaia S

### Send KAIA & KIP7 Tokens <a id="Send KAIA from Safe"></a>

**Step 1:** Click the **New Transaction** button in the side menu and select **Send funds** to begin a new asset transfer.
**Step 1:** Click the **New Transaction** button in the side menu and select **Send tokens** to begin a new asset transfer.

![](/img/build/tools/kaia-safe/ks-new-tx-init.gif)
![](/img/build/tools/kaia-safe/kaia-safe-init-send-token.gif)

**Step 2:** Choose assets to transfer.

* **KAIA**

> Note: Add the **recipient address** and the **amount** of KAIA to send the transfer KAIA.
![](/img/build/tools/kaia-safe/ks-send-klay.gif)
![](/img/build/tools/kaia-safe/kaia-safe-send-token-details.gif)

* **KIP-7 Tokens**

Expand All @@ -124,23 +124,23 @@ Select the tokens you want to send in the asset drop-down as seen in the image a

**Step 3:** Review and submit the transaction. You will need to sign the transaction with your signer wallet, and it will be executed once the confirmation threshold is reached.

![](/img/build/tools/kaia-safe/ks-review-send-klay.gif)
![](/img/build/tools/kaia-safe/kaia-safe-review-send-tokens.gif)

### Send NFTs <a id="Send NFTs from Safe"></a>

In this section, you'll learn how to send your non-fungible tokens from your Kaia Safe account.

**Step 1:** Click the **New Transaction** button in the side menu and select **Send NFT** to begin a new asset transfer.
**Step 1:** Click the **New Transaction** button in the side menu and select **Send NFTs** to begin a new asset transfer.

![](/img/build/tools/kaia-safe/ks-send-nft-init.gif)
![](/img/build/tools/kaia-safe/kaia-safe-init-send-nft.gif)

**Step 2:** Choose assets to transfer.

![](/img/build/tools/kaia-safe/ks-send-nft.gif)
![](/img/build/tools/kaia-safe/kaia-safe-send-nft-details.gif)

**Step 3:** Review and submit the transaction. You will need to sign the transaction with your signer wallet, and it will be executed once the confirmation threshold is reached.

![](/img/build/tools/kaia-safe/review-submit-ks-nft.gif)
![](/img/build/tools/kaia-safe/kaia-safe-review-send-nft.gif)

## Further Notes <a id="Points to Note"></a>

Expand All @@ -154,21 +154,21 @@ Kaia Safe transactions, whether asset transfers or contract interactions, incur

For security reasons, transactions made with Safe need to be executed in order. To achieve this, a number called **nonce** is assigned to a transaction to ensure that each transaction can be executed once.

![](/img/build/tools/kaia-safe/ks-nounce-one.png)
![](/img/build/tools/kaia-safe/ks-nounce.png)

At any given time, only transactions with a nonce _last executed transaction +1_ can be executed. Transactions with a higher nonce are queued for execution. So, whenever a transaction is completed, the next transaction in the queue is made available for execution, provided it has accumulated enough signatures.

![](/img/build/tools/kaia-safe/ks-nounce-two.png)
![](/img/build/tools/kaia-safe/ks-pending-tx.png)

### Chain-specific addresses <a id="Chain-specific addresses"></a>

You can choose to copy address with chain prefix

* Copy addresses with chain prefix:

![](/img/build/tools/kaia-safe/ks-chain-specific-addr.png)
![](/img/build/tools/kaia-safe/ks-chain-spec-addr.png)


When copying your safe address from your dashboard to paste in your wallet as seen above, you can either choose to add the chain name or not by clicking the checkbox. It is suggested that you leave it unchecked to avoid the error below.

![](/img/build/tools/kaia-safe/ks-chain-specific-addr-mm.png)
![](/img/build/tools/kaia-safe/ks-chain-addr-err.png)
2 changes: 1 addition & 1 deletion docs/build/tools/wallets/wallets.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ Wallets on Kaia allows for access to accounts controlled by private keys, thus f
| [Favorlet](https://favorlet.io/) | Non-custodial | EOA | Mobile | No | No | Support | No |
| [Huobi Wallet](https://www.itoken.com/en) | Non-custodial | EOA | Mobile | No | No | Support | No |
| [Kaikas](https://app.kaikas.io/) | Non-custodial | EOA | Mobile, Browser | No | Yes | Support | No |
| [Kaia Safe](https://safe.klaytn.foundation/) | Non-custodial | Smart Contract | Web App | Yes | No | Support | No |
| [Kaia Safe](https://safe.kaia.io/) | Non-custodial | Smart Contract | Web App | Yes | No | Support | No |
| [Klip Wallet](https://klipwallet.com/) | Non-custodial | EOA | Mobile | No | No | Support | No |
| [Krystal DeFi](https://krystal.app/) | Non-custodial | EOA | Mobile, Web App | No | No | Support | Yes |
| [Math Wallet](https://mathwallet.org/en-us/) | Custodial | EOA | Mobile, Web App, Browser | No | Yes | Support | Yes |
Expand Down
2 changes: 1 addition & 1 deletion sidebars.js
Original file line number Diff line number Diff line change
Expand Up @@ -193,7 +193,7 @@ const sidebars = {
'build/tools/wallets/kaikas',
{
type: 'category',
label: 'Klaytn Safe',
label: 'Kaia Safe',
link: {
type: 'doc',
id: 'build/tools/wallets/kaia-safe/kaia-safe',
Expand Down
Binary file not shown.
Binary file not shown.
Binary file removed static/img/build/tools/kaia-safe/create-acc-ks.gif
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-data-export.png
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-data-import.png
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-export-data.gif
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-ic-new-tx.gif
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-import-data.gif
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-mm-send-btn.png
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-new-tx-init.gif
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-nounce-one.png
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-nounce-two.png
Diff not rendered.
Binary file added static/img/build/tools/kaia-safe/ks-nounce.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-policy-page.png
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-review-ic.gif
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-send-klay.gif
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/ks-send-nft.gif
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/tx-builder-app.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed static/img/build/tools/kaia-safe/tx-builder-new.gif
Diff not rendered.
Diff not rendered.
Diff not rendered.

0 comments on commit 7be4ecf

Please sign in to comment.