simplify instance creation

1 files changed, 52 insertions, 48 deletions

diff --git a/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx b/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx
index efcca302f..ae1bb27d1 100644
--- a/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx
+++ b/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx
@@ -28,16 +28,16 @@ import { InputDuration } from "../form/InputDuration.js";
 import { InputGroup } from "../form/InputGroup.js";
 import { InputImage } from "../form/InputImage.js";
 import { InputLocation } from "../form/InputLocation.js";
-import { InputSelector } from "../form/InputSelector.js";
 import { InputToggle } from "../form/InputToggle.js";
 import { InputWithAddon } from "../form/InputWithAddon.js";
-import { TextField } from "../form/TextField.js";
 
 export function DefaultInstanceFormFields({
   readonlyId,
   showId,
+  showLessFields,
 }: {
   readonlyId?: boolean;
+  showLessFields?: boolean;
   showId: boolean;
 }): VNode {
   const { i18n } = useTranslationContext();
@@ -60,59 +60,63 @@ export function DefaultInstanceFormFields({
         tooltip={i18n.str`Legal name of the business represented by this instance.`}
       />
 
-      <Input<Entity>
-        name="email"
-        label={i18n.str`Email`}
-        tooltip={i18n.str`Contact email`}
-      />
+      {showLessFields ? undefined : (
+        <Fragment>
+          <Input<Entity>
+            name="email"
+            label={i18n.str`Email`}
+            tooltip={i18n.str`Contact email`}
+          />
 
-      <Input<Entity>
-        name="website"
-        label={i18n.str`Website URL`}
-        tooltip={i18n.str`URL.`}
-      />
+          <Input<Entity>
+            name="website"
+            label={i18n.str`Website URL`}
+            tooltip={i18n.str`URL.`}
+          />
 
-      <InputImage<Entity>
-        name="logo"
-        label={i18n.str`Logo`}
-        tooltip={i18n.str`Logo image.`}
-      />
+          <InputImage<Entity>
+            name="logo"
+            label={i18n.str`Logo`}
+            tooltip={i18n.str`Logo image.`}
+          />
 
-      <InputGroup
-        name="address"
-        label={i18n.str`Address`}
-        tooltip={i18n.str`Physical location of the merchant.`}
-      >
-        <InputLocation name="address" />
-      </InputGroup>
+          <InputGroup
+            name="address"
+            label={i18n.str`Address`}
+            tooltip={i18n.str`Physical location of the merchant.`}
+          >
+            <InputLocation name="address" />
+          </InputGroup>
 
-      <InputGroup
-        name="jurisdiction"
-        label={i18n.str`Jurisdiction`}
-        tooltip={i18n.str`Jurisdiction for legal disputes with the merchant.`}
-      >
-        <InputLocation name="jurisdiction" />
-      </InputGroup>
+          <InputGroup
+            name="jurisdiction"
+            label={i18n.str`Jurisdiction`}
+            tooltip={i18n.str`Jurisdiction for legal disputes with the merchant.`}
+          >
+            <InputLocation name="jurisdiction" />
+          </InputGroup>
 
-      <InputToggle<Entity>
-        name="use_stefan"
-        label={i18n.str`Pay transaction fee`}
-        tooltip={i18n.str`Assume the cost of the transaction of let the user pay for it.`}
-      />
+          <InputToggle<Entity>
+            name="use_stefan"
+            label={i18n.str`Pay transaction fee`}
+            tooltip={i18n.str`Assume the cost of the transaction of let the user pay for it.`}
+          />
 
-      <InputDuration<Entity>
-        name="default_pay_delay"
-        label={i18n.str`Default payment delay`}
-        withForever
-        tooltip={i18n.str`Time customers have to pay an order before the offer expires by default.`}
-      />
+          <InputDuration<Entity>
+            name="default_pay_delay"
+            label={i18n.str`Default payment delay`}
+            withForever
+            tooltip={i18n.str`Time customers have to pay an order before the offer expires by default.`}
+          />
 
-      <InputDuration<Entity>
-        name="default_wire_transfer_delay"
-        label={i18n.str`Default wire transfer delay`}
-        tooltip={i18n.str`Maximum time an exchange is allowed to delay wiring funds to the merchant, enabling it to aggregate smaller payments into larger wire transfers and reducing wire fees.`}
-        withForever
-      />
+          <InputDuration<Entity>
+            name="default_wire_transfer_delay"
+            label={i18n.str`Default wire transfer delay`}
+            tooltip={i18n.str`Maximum time an exchange is allowed to delay wiring funds to the merchant, enabling it to aggregate smaller payments into larger wire transfers and reducing wire fees.`}
+            withForever
+          />
+        </Fragment>
+      )}
     </Fragment>
   );
 }