domain0 0.2.0 → 0.3.0

package/dist/{sdk-BHIxsxUT.mjs → sdk-BUD9fOZT.mjs}

@@ -378,6 +378,13 @@ const domain0Styles = `
   border-color: var(--domain0-border);
 }
 
+.domain0-button--text {
+  min-height: 2.75rem;
+  border-color: transparent;
+  background: transparent;
+  color: var(--domain0-link);
+}
+
 /* Destructive actions read as a bordered choice rather than a filled slab, so
    the primary action stays the loudest thing in the dialog. */
 .domain0-button--danger {
@@ -411,6 +418,11 @@ const domain0Styles = `
   background: color-mix(in srgb, var(--domain0-border) 16%, transparent);
 }
 
+.domain0-button--text:hover {
+  border-color: transparent;
+  background: color-mix(in srgb, var(--domain0-link) 8%, transparent);
+}
+
 .domain0-button--danger:hover {
   background: color-mix(in srgb, var(--domain0-danger) 12%, transparent);
 }
@@ -799,6 +811,7 @@ const spanishMessages = {
 	dkimOpenGuide: (provider) => `Abrir la guía oficial de configuración de DKIM de ${provider}`,
 	cancelledDescription: (domain) => `Se canceló la conexión de ${domain}. No se aplicarán más cambios de DNS.`,
 	selectedProvider: (provider, support) => `${provider} seleccionado. ${support}`,
+	connectAnotherWay: "Conectar de otra manera",
 	currentState: (state) => `Esta conexión está actualmente ${state}. Actualice para cargar su estado más reciente.`,
 	refreshConnection: "Actualizar conexión",
 	domainConnectHeading: "Conectar mediante Domain Connect",
@@ -1056,6 +1069,7 @@ const frenchMessages = {
 	dkimOpenGuide: (provider) => `Ouvrir le guide officiel de configuration DKIM de ${provider}`,
 	cancelledDescription: (domain) => `La connexion de ${domain} a été annulée. Aucune autre modification DNS ne sera appliquée.`,
 	selectedProvider: (provider, support) => `${provider} sélectionné. ${support}`,
+	connectAnotherWay: "Se connecter autrement",
 	currentState: (state) => `Cette connexion est actuellement ${state}. Actualisez pour charger son état le plus récent.`,
 	refreshConnection: "Actualiser la connexion",
 	domainConnectHeading: "Se connecter avec Domain Connect",
@@ -1313,6 +1327,7 @@ const brazilianPortugueseMessages = {
 	dkimOpenGuide: (provider) => `Abrir o guia oficial de configuração do DKIM do ${provider}`,
 	cancelledDescription: (domain) => `A conexão de ${domain} foi cancelada. Nenhuma outra alteração de DNS será aplicada.`,
 	selectedProvider: (provider, support) => `${provider} selecionado. ${support}`,
+	connectAnotherWay: "Conectar de outra forma",
 	currentState: (state) => `Esta conexão está ${state}. Atualize para carregar o estado mais recente.`,
 	refreshConnection: "Atualizar conexão",
 	domainConnectHeading: "Conectar pelo Domain Connect",
@@ -1688,6 +1703,7 @@ const englishMessages = {
 	dkimOpenGuide: (provider) => `Open the official ${provider} DKIM setup guide`,
 	cancelledDescription: (domain) => `The connection for ${domain} was cancelled. No further DNS changes will be applied.`,
 	selectedProvider: (provider, support) => `${provider} selected. ${support}`,
+	connectAnotherWay: "Connect another way",
 	currentState: (state) => `This connection is currently ${state}. Refresh to load its latest state.`,
 	refreshConnection: "Refresh connection",
 	domainConnectHeading: "Connect through Domain Connect",
@@ -1943,6 +1959,7 @@ const germanMessages = {
 	dkimOpenGuide: (provider) => `Offizielle DKIM-Einrichtungsanleitung von ${provider} öffnen`,
 	cancelledDescription: (domain) => `Die Verbindung für ${domain} wurde abgebrochen. Es werden keine weiteren DNS-Änderungen angewendet.`,
 	selectedProvider: (provider, support) => `${provider} ausgewählt. ${support}`,
+	connectAnotherWay: "Auf andere Weise verbinden",
 	currentState: (state) => `Diese Verbindung ist derzeit ${state}. Aktualisieren Sie, um den neuesten Status zu laden.`,
 	refreshConnection: "Verbindung aktualisieren",
 	domainConnectHeading: "Über Domain Connect verbinden",
@@ -2363,6 +2380,8 @@ function mountDomain0Connect(options) {
 	let connection;
 	let authorizationHandoff;
 	let domainConnectHandoffURL;
+	let authorizationProviderId;
+	let authorizationMethodIndex = 0;
 	let currentStep;
 	let lastConnectionRevision;
 	let successEmitted = false;
@@ -2422,6 +2441,8 @@ function mountDomain0Connect(options) {
 			dkimGuidance = void 0;
 			dkimGuidanceLoading = false;
 			dkimGuidanceUnavailable = false;
+			authorizationProviderId = void 0;
+			authorizationMethodIndex = 0;
 			if (presentation === "modal") returnFocusTo = currentFocusTarget();
 			showSurface();
 			if (presentation === "modal") heading.focus();
@@ -2732,11 +2753,9 @@ function mountDomain0Connect(options) {
 		switch (current.state) {
 			case "provider_selected":
 				renderAuthorizationChoices(provider);
-				if (whiteLabel.customProperties.providerLogin.gotoManualLink.disable) renderManualSetupUnavailable();
-				else renderManualStart();
 				return;
 			case "authorization_pending":
-				if (provider.availableAuthorizationMethods.includes("oauth2_pkce")) {
+				if (provider.availableAuthorizationMethods.includes("oauth2_pkce") || provider.availableAuthorizationMethods.includes("oauth2_authorization_code")) {
 					renderOAuthAuthorization(provider);
 					return;
 				}
@@ -2819,9 +2838,50 @@ function mountDomain0Connect(options) {
 		target.focus();
 	}
 	function renderAuthorizationChoices(provider) {
-		if (provider.availableAuthorizationMethods.includes("domain_connect")) renderDomainConnect(provider);
-		if (provider.availableAuthorizationMethods.includes("oauth2_pkce")) renderOAuthAuthorization(provider);
-		if (provider.availableAuthorizationMethods.some((method) => method === "api_token" || method === "api_key" || method === "basic" || method === "session")) renderCredentialAuthorization(provider);
+		if (authorizationProviderId !== provider.id) {
+			authorizationProviderId = provider.id;
+			authorizationMethodIndex = 0;
+		}
+		const methods = provider.availableAuthorizationMethods;
+		const manualDisabled = whiteLabel.customProperties.providerLogin.gotoManualLink.disable;
+		const selectedMethod = methods[authorizationMethodIndex];
+		if (selectedMethod === void 0) {
+			if (manualDisabled) renderManualSetupUnavailable();
+			else renderManualStart();
+			return;
+		}
+		if (selectedMethod === "manual") {
+			if (manualDisabled) renderManualSetupUnavailable();
+			else renderManualStart();
+			return;
+		}
+		renderAuthorizationMethod(provider, selectedMethod);
+		if (!(authorizationMethodIndex + 1 < methods.length) && manualDisabled) return;
+		const alternative = actionButton(messages.connectAnotherWay, async (button) => {
+			authorizationMethodIndex += 1;
+			render();
+			button.disabled = false;
+		});
+		alternative.classList.add("domain0-button--text");
+		content.append(alternative);
+	}
+	function renderAuthorizationMethod(provider, method) {
+		switch (method) {
+			case "oauth2_pkce":
+			case "oauth2_authorization_code":
+				renderOAuthAuthorization(provider);
+				return;
+			case "domain_connect":
+				renderDomainConnect(provider);
+				return;
+			case "api_token":
+			case "api_key":
+			case "basic":
+			case "session":
+				renderCredentialAuthorization(provider);
+				return;
+			case "manual": renderManualStart();
+		}
 	}
 	function renderDomainConnect(provider) {
 		const heading = element(document, "h3", "domain0-subheading");
@@ -3994,4 +4054,4 @@ const domain0 = createDomain0();
 //#endregion
 export { mountDomain0Connect as a, localizedCopy as c, createDomain0Client as d, createSharedFlowUrl as f, mountDomain0ConnectionFlow as i, applyWhiteLabel as l, domain0 as n, createDomain0Localizer as o, loadSharedFlow as p, mountDomain0SharedFlow as r, domain0TranslatedLocales as s, createDomain0 as t, interpolateWhiteLabelCopy as u };
 
-//# sourceMappingURL=sdk-BHIxsxUT.mjs.map
+//# sourceMappingURL=sdk-BUD9fOZT.mjs.map