`
+ : null;
+ const providerLink =
+ formatAPISource && keyURL
+ ? html`
+ ${this.selectedProvider === "cap"
+ ? msg(
+ html`Use the
+ ${html`${formatAPISource()}`}
+ to self-host Cap and configure the endpoint.`,
+ {
+ id: "captcha.provider-link.cap",
+ desc: "Supplementary help text with link to Cap documentation.",
+ },
+ )
+ : msg(
+ html`API keys can be obtained from the
+ ${html`${formatAPISource()}.`}`,
+ {
+ id: "captcha.provider-link",
+ desc: "Supplementary help text with link to provider dashboard.",
+ },
+ )}
+ `
+ : null;
- return html`
- ${msg(
- html`API keys can be obtained from the
- ${html`${formatAPISource()}.`}`,
- {
- id: "captcha.provider-link",
- desc: "Supplementary help text with link to provider dashboard.",
- },
- )}
- `;
+ return html`${description} ${providerLink}`;
})}
`;
}
protected renderKeyFields(): SlottedTemplateResult {
+ const isCapProvider = this.selectedProvider === "cap";
+ const publicKeyLabel = isCapProvider ? msg("Cap Endpoint") : msg("Public Key");
+ const publicKeyPlaceholder = isCapProvider
+ ? msg("https://cap.example.com/site-key/")
+ : msg("Paste your CAPTCHA public key...");
+ const publicKeyHelp = isCapProvider
+ ? msg("The public site-key endpoint of your Cap server.", {
+ id: "captcha.cap-endpoint.description",
+ desc: "Description for Cap endpoint field.",
+ })
+ : msg("The public key is used by authentik to render the CAPTCHA widget.", {
+ id: "captcha.public-key.description",
+ desc: "Description for CAPTCHA public key field.",
+ });
+
return html`
@@ -236,9 +296,13 @@ export class CaptchaStageForm extends BaseStageForm {
type="url"
value="${ifDefined(formValues.jsUrl)}"
required
- help=${msg(
- "URL to fetch the CAPTCHA JavaScript library from. Automatically set based on provider selection but can be customized.",
- )}
+ help=${this.selectedProvider === "cap"
+ ? msg(
+ "For Cap, prefer the self-hosted widget asset, for example https://cap.example.com/assets/widget.js. If using a CDN, pin a reviewed release.",
+ )
+ : msg(
+ "URL to fetch the CAPTCHA JavaScript library from. Automatically set based on provider selection but can be customized.",
+ )}
>
{
type="url"
value="${ifDefined(formValues.apiUrl)}"
required
- help=${msg(
- "URL used to validate CAPTCHA response on the backend. Automatically set based on provider selection but can be customized.",
- )}
+ help=${this.selectedProvider === "cap"
+ ? msg(
+ "Cap's server-side verification endpoint, for example https://cap.example.com/site-key/siteverify.",
+ )
+ : msg(
+ "URL used to validate CAPTCHA response on the backend. Automatically set based on provider selection but can be customized.",
+ )}
>
+
+
+
+ ${msg(
+ "Content-Type used for server-side verification. Cap requires JSON; most other providers use form-encoded requests.",
+ )}
+