domain0 0.1.0 → 0.2.1

package/dist/{sdk-C0q5dV-6.cjs → sdk-CwOXzusx.cjs}

@@ -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,8 +2753,6 @@ 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")) {
@@ -2819,9 +2838,49 @@ 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":
+				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");
@@ -4071,4 +4130,4 @@ Object.defineProperty(exports, "mountDomain0SharedFlow", {
 	}
 });
 
-//# sourceMappingURL=sdk-C0q5dV-6.cjs.map
+//# sourceMappingURL=sdk-CwOXzusx.cjs.map