From 457865994ebb3bd2c3926cd4325a9c9ca4cfb88d Mon Sep 17 00:00:00 2001
From: Lukasz Ostrowski <lukasz.ostrowski@saleor.io>
Date: Thu, 20 Jul 2023 11:02:34 +0200
Subject: [PATCH] mask api key inputs in builder io form (#792)

---
 .changeset/rare-snails-press.md                              | 5 +++++
 .../modules/providers/builder.io/builder-io-config-form.tsx  | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/rare-snails-press.md

diff --git a/.changeset/rare-snails-press.md b/.changeset/rare-snails-press.md
new file mode 100644
index 0000000..2ef83c0
--- /dev/null
+++ b/.changeset/rare-snails-press.md
@@ -0,0 +1,5 @@
+---
+"saleor-app-cms-v2": patch
+---
+
+Made Builder.io api keys inputs type of "password" so they are masked now
diff --git a/apps/cms-v2/src/modules/providers/builder.io/builder-io-config-form.tsx b/apps/cms-v2/src/modules/providers/builder.io/builder-io-config-form.tsx
index b4dbe1d..075eeb8 100644
--- a/apps/cms-v2/src/modules/providers/builder.io/builder-io-config-form.tsx
+++ b/apps/cms-v2/src/modules/providers/builder.io/builder-io-config-form.tsx
@@ -46,6 +46,7 @@ const PureForm = ({ defaultValues, onSubmit, onDelete }: PureFormProps) => {
       <Box display={"grid"} gap={4} marginY={4}>
         <Text variant="heading">Provide connection details</Text>
         <Input
+          type="password"
           required
           control={control}
           name="privateApiKey"
@@ -60,6 +61,7 @@ const PureForm = ({ defaultValues, onSubmit, onDelete }: PureFormProps) => {
           }
         />
         <Input
+          type="password"
           required
           control={control}
           name="publicApiKey"