diff --git a/CHANGELOG.md b/CHANGELOG.md
index be3759ad..556189b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,7 +14,15 @@ way to update this template, but currently, we follow a pattern:
## Upcoming version 2019-XX-XX
-- [change] Default to English translation if the translation key is missing. After this update, new translation keys will not be added to other translation files with English default texts. We keep providing translations in our supported languages but they might not be up to date all the time. This means if you want to update your translations beforehand or use your own translations file, you can use [translation CLI]((https://github.com/sharetribe/flex-template-web/blob/master/docs/translations.md#managing-translations)) to check if there are translations missing.
+- [add] Add info text about additional owners to `PayoutDetailsForm`.
+ [#1006](https://github.com/sharetribe/flex-template-web/pull/1006)
+- [change] Default to English translation if the translation key is missing. After this update, new
+ translation keys will not be added to other translation files with English default texts. We keep
+ providing translations in our supported languages but they might not be up to date all the time.
+ This means if you want to update your translations beforehand or use your own translations file,
+ you can use
+ [translation CLI](https://github.com/sharetribe/flex-template-web/blob/master/docs/translations.md#managing-translations)
+ to check if there are translations missing.
[#1005](https://github.com/sharetribe/flex-template-web/pull/1005)
- [change] Remove `origin` parameter from `default-location-searches.js`
[#1003](https://github.com/sharetribe/flex-template-web/pull/1003)
diff --git a/src/forms/PayoutDetailsForm/PayoutDetailsForm.css b/src/forms/PayoutDetailsForm/PayoutDetailsForm.css
index 3cc8235c..a211022d 100644
--- a/src/forms/PayoutDetailsForm/PayoutDetailsForm.css
+++ b/src/forms/PayoutDetailsForm/PayoutDetailsForm.css
@@ -162,3 +162,19 @@
height: 18px;
padding-top: 1px;
}
+
+.additionalOwnerInfo {
+ @apply --marketplaceH5FontStyles;
+ color: var(--matterColorAnti);
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 5px;
+ padding-bottom: 1px;
+
+ @media (--viewportMedium) {
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 6px;
+ padding-bottom: 2px;
+ }
+}
diff --git a/src/forms/PayoutDetailsForm/PayoutDetailsFormCompany.js b/src/forms/PayoutDetailsForm/PayoutDetailsFormCompany.js
index 12597d58..65cf73f7 100644
--- a/src/forms/PayoutDetailsForm/PayoutDetailsFormCompany.js
+++ b/src/forms/PayoutDetailsForm/PayoutDetailsFormCompany.js
@@ -3,7 +3,13 @@ import { bool, string } from 'prop-types';
import { compose } from 'redux';
import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
import { FieldArray } from 'react-final-form-arrays';
-import { FieldTextInput, IconAdd, IconClose, InlineTextButton } from '../../components';
+import {
+ ExternalLink,
+ FieldTextInput,
+ IconAdd,
+ IconClose,
+ InlineTextButton,
+} from '../../components';
import * as validators from '../../util/validators';
import PayoutDetailsAddress from './PayoutDetailsAddress';
@@ -74,6 +80,16 @@ const PayoutDetailsFormCompanyComponent = ({ fieldRenderProps }) => {
const hasMaxNumberOfAdditionalOwners =
hasAdditionalOwners &&
values.company.additionalOwners.length >= MAX_NUMBER_OF_ADDITIONAL_OWNERS;
+
+ const additionalOwnersInfoLink = (
+
+
+
+ );
+
return (
{country ? (
@@ -174,16 +190,24 @@ const PayoutDetailsFormCompanyComponent = ({ fieldRenderProps }) => {
{!hasAdditionalOwners || !hasMaxNumberOfAdditionalOwners ? (
- push('company.additionalOwners', undefined)}
- >
-
-
-
-
-
+
+ push('company.additionalOwners', undefined)}
+ >
+
+
+
+
+
+
+
+
+
) : null}
) : null}
diff --git a/src/translations/en.json b/src/translations/en.json
index ba1d42cc..fbc3f83f 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -453,6 +453,8 @@
"PasswordResetPage.resetFailed": "Reset failed. Please try again.",
"PasswordResetPage.title": "Reset password",
"PayoutDetailsForm.accountTypeTitle": "Account type",
+ "PayoutDetailsForm.additionalOwnersInfoLink": "Stripe support.",
+ "PayoutDetailsForm.additionalOwnerInfoText": "For Hong Kong, Singapore, and Single Euro Payments Area member countries, Stripe requires information of every person that owns at least 25% of the company. For more information, see {additionalOwnersInfoLink}",
"PayoutDetailsForm.additionalOwnerLabel": "Add additional owner",
"PayoutDetailsForm.additionalOwnerRemove": "Remove additional owner",
"PayoutDetailsForm.addressTitle": "Address",