Update Profile Page

Name: profileInputsTemplate
Url: #/profile
Description: Update user profile inputs template.

Preview

Default Template

<fieldset class="mb-4">
  <legend>{{ $t("Account Details") }}</legend>
  
  <bidding-limit />
  <div class="row">
    <email />
  </div>
  <div class="row">
    <old-password />
  </div>
  <div class="row">
    <password />
    <password-confirmation />
  </div>
</fieldset>

<fieldset class="mb-4">
  <legend>{{ $t("Profile information") }}</legend>

  <div class="row">
    <initials />
    <first-name />
    <middle-name />
    <last-name />
  </div>

  <div class="row">
    <gender />
    <title-input />
    <personal-id />
    <preferred-language/>
  </div>
  
  <div class="row">
    <company-name/>
    <phone />
  </div>
</fieldset>

<billing-address-details>
  <legend>{{ $t("Billing Address") }}</legend>
  
  <div class="row">
    <billing-address1 />
    <billing-address2 />
  </div>
  <div class="row">
    <billing-country />
    <billing-state />
  </div>
  <div class="row">
    <billing-city />
    <billing-zip-code />
  </div>
</billing-address-details>

<shipping-address-details :title="$t('Shipping Address')">
  
  <div class="row">
    <shipping-address1 />
    <shipping-address2 />
  </div>
  <div class="row">
    <shipping-country />
    <shipping-state />
  </div>
  <div class="row">
    <shipping-city />
    <shipping-zip-code />
  </div>
</shipping-address-details>

<bank-account-details>
  <div class="d-flex justify-content-between align-items-center">
    <legend>{{ $t("Bank Account Details") }}</legend>
  </div>
  <div class="row">
    <bank-account-beneficiary />
    <bank-account-sort-code />
    <bank-account-number />
  </div>
  <div class="row">
    <bank-account-iban />
    <bank-account-swift />
    <bank-account-bank-name />
  </div>
  <div class="row">
    <bank-account-address1 />
    <bank-account-address2 />
    <bank-account-address3 />
  </div>
</bank-account-details>

<interest-checkboxes />

<div class="row">
  <subscribe-to-newsletter />
</div>
<customer-terms>
    <div class="row">
        <vat-number />
        <identification-checked/>
        <kyc-status-approved />
    </div>
</customer-terms>

Available Components

Account Details Fields

`<BiddingLimit />`

Displays the current user's bidding limit if showBiddingLimit is enabled and a bidding limit is configured for the bidder.

`<Email />`

Email address input field.

`<OldPassword />`

Input field for the current (old) password, required when changing to a new password.

`<Password />`

New password input field.

`<PasswordConfirmation />`

New password confirmation input field.

Profile Information Fields

All profile field components from signupInputsTemplate — Profile Information Fields are available here.

Address Fields

All address field components from signupInputsTemplate — Address Wrapper Components and signupInputsTemplate — Billing Address Fields and signupInputsTemplate — Shipping Address Fields are available here.

`<BankAccountDetails />`

A conditional wrapper for bank account fields. Only rendered when bankAccountDetails is true. See signupInputsTemplate — BankAccountDetails for the full list of bank account field components.