Create separate mutation object for domains

Author: LauraBeatris

packages/localizations/src/bg-BG.ts

@@ -200,6 +200,22 @@ export const bgBG: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Потвърди домейна',
       subtitle: 'Посочете и потвърдете домейна, за който да конфигурирате SSO.',
+      formFieldLabel__domain: 'Домейни',
+      formFieldInputPlaceholder__domain: 'Въведете домейна си тук и щракнете върху добавяне, за да започнете',
+      formButtonPrimary__add: 'Добави',
+      txtRecordInstructions: {
+        paragraph1: 'Добавете този TXT запис при своя DNS доставчик.',
+        paragraph2:
+          'Ще го потвърдим автоматично, щом записът се активира. Това обикновено отнема под минута, въпреки че актуализирането на съществуващ TXT запис може да отнеме малко повече време.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Домейн',
+          type: 'Тип',
+          hostName: 'Хост / Име',
+          value: 'Стойност',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/cs-CZ.ts

@@ -203,6 +203,22 @@ export const csCZ: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Ověřit doménu',
       subtitle: 'Zadejte a ověřte doménu, pro kterou chcete nakonfigurovat SSO.',
+      formFieldLabel__domain: 'Domény',
+      formFieldInputPlaceholder__domain: 'Zde zadejte svou doménu a kliknutím na přidat začněte',
+      formButtonPrimary__add: 'Přidat',
+      txtRecordInstructions: {
+        paragraph1: 'Přidejte tento záznam TXT u svého poskytovatele DNS.',
+        paragraph2:
+          'Jakmile bude záznam aktivní, ověříme jej automaticky. Obvykle to trvá méně než minutu, i když aktualizace stávajícího záznamu TXT může chvíli trvat déle.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Doména',
+          type: 'Typ',
+          hostName: 'Host / Název',
+          value: 'Hodnota',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/hr-HR.ts

@@ -228,6 +228,22 @@ export const hrHR: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Potvrdi domenu',
       subtitle: 'Navedite i potvrdite domenu za koju želite konfigurirati SSO.',
+      formFieldLabel__domain: 'Domene',
+      formFieldInputPlaceholder__domain: 'Ovdje upišite svoju domenu i kliknite dodaj za početak',
+      formButtonPrimary__add: 'Dodaj',
+      txtRecordInstructions: {
+        paragraph1: 'Dodajte ovaj TXT zapis kod svog DNS pružatelja.',
+        paragraph2:
+          'Automatski ćemo ga provjeriti čim zapis postane aktivan. To obično traje manje od minute, iako ažuriranje postojećeg TXT zapisa može potrajati nešto dulje.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Domena',
+          type: 'Vrsta',
+          hostName: 'Host / Naziv',
+          value: 'Vrijednost',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/pl-PL.ts

@@ -199,6 +199,22 @@ export const plPL: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Zweryfikuj domenę',
       subtitle: 'Określ i zweryfikuj domenę, dla której chcesz skonfigurować SSO.',
+      formFieldLabel__domain: 'Domeny',
+      formFieldInputPlaceholder__domain: 'Wpisz tutaj swoją domenę i kliknij dodaj, aby rozpocząć',
+      formButtonPrimary__add: 'Dodaj',
+      txtRecordInstructions: {
+        paragraph1: 'Dodaj ten rekord TXT u swojego dostawcy DNS.',
+        paragraph2:
+          'Zweryfikujemy go automatycznie, gdy rekord będzie aktywny. Zwykle trwa to krócej niż minutę, choć aktualizacja istniejącego rekordu TXT może potrwać nieco dłużej.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Domena',
+          type: 'Typ',
+          hostName: 'Host / Nazwa',
+          value: 'Wartość',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/pt-PT.ts

@@ -207,6 +207,22 @@ export const ptPT: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Verificar domínio',
       subtitle: 'Especifique e verifique o domínio para configurar o SSO.',
+      formFieldLabel__domain: 'Domínios',
+      formFieldInputPlaceholder__domain: 'Escreva aqui o seu domínio e clique em adicionar para começar',
+      formButtonPrimary__add: 'Adicionar',
+      txtRecordInstructions: {
+        paragraph1: 'Adicione este registo TXT ao seu fornecedor de DNS.',
+        paragraph2:
+          'Verificaremos automaticamente assim que o registo estiver ativo. Normalmente demora menos de um minuto, embora a atualização de um registo TXT existente possa demorar um pouco mais.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Domínio',
+          type: 'Tipo',
+          hostName: 'Anfitrião / Nome',
+          value: 'Valor',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/ro-RO.ts

@@ -205,6 +205,22 @@ export const roRO: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Verifică domeniul',
       subtitle: 'Specifică și verifică domeniul pentru care configurezi SSO.',
+      formFieldLabel__domain: 'Domenii',
+      formFieldInputPlaceholder__domain: 'Scrie aici domeniul tău și fă clic pe adaugă pentru a începe',
+      formButtonPrimary__add: 'Adaugă',
+      txtRecordInstructions: {
+        paragraph1: 'Adaugă această înregistrare TXT la furnizorul tău DNS.',
+        paragraph2:
+          'Vom verifica automat de îndată ce înregistrarea este activă. De obicei durează mai puțin de un minut, deși actualizarea unei înregistrări TXT existente poate dura puțin mai mult.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Domeniu',
+          type: 'Tip',
+          hostName: 'Gazdă / Nume',
+          value: 'Valoare',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/sk-SK.ts

@@ -199,6 +199,22 @@ export const skSK: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Overiť doménu',
       subtitle: 'Zadajte a overte doménu, pre ktorú chcete nakonfigurovať SSO.',
+      formFieldLabel__domain: 'Domény',
+      formFieldInputPlaceholder__domain: 'Sem zadajte svoju doménu a kliknutím na pridať začnite',
+      formButtonPrimary__add: 'Pridať',
+      txtRecordInstructions: {
+        paragraph1: 'Pridajte tento záznam TXT u svojho poskytovateľa DNS.',
+        paragraph2:
+          'Po sprístupnení záznamu ho overíme automaticky. Zvyčajne to trvá menej než minútu, hoci aktualizácia existujúceho záznamu TXT môže trvať o niečo dlhšie.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Doména',
+          type: 'Typ',
+          hostName: 'Hostiteľ / Názov',
+          value: 'Hodnota',
+        },
+      },
     },
   },
   createOrganization: {

packages/localizations/src/sr-RS.ts

@@ -199,6 +199,22 @@ export const srRS: LocalizationResource = {
     verifyDomainsStep: {
       title: 'Potvrdi domen',
       subtitle: 'Navedite i potvrdite domen za koji želite da konfigurišete SSO.',
+      formFieldLabel__domain: 'Domeni',
+      formFieldInputPlaceholder__domain: 'Ovde unesite svoj domen i kliknite na dodaj da biste počeli',
+      formButtonPrimary__add: 'Dodaj',
+      txtRecordInstructions: {
+        paragraph1: 'Dodajte ovaj TXT zapis kod svog DNS provajdera.',
+        paragraph2:
+          'Automatski ćemo ga proveriti čim zapis postane aktivan. To obično traje manje od minuta, iako ažuriranje postojećeg TXT zapisa može potrajati malo duže.',
+      },
+      txtRecordTable: {
+        columns: {
+          domain: 'Domen',
+          type: 'Tip',
+          hostName: 'Host / Naziv',
+          value: 'Vrednost',
+        },
+      },
     },
   },
   createOrganization: {

packages/ui/src/components/ConfigureSSO/ConfigureSSO.tsx

@@ -10,7 +10,7 @@ import { ProfileCard } from '@/elements/ProfileCard';
 import { ExclamationTriangle } from '@/icons';
 import { Route, Switch } from '@/router';
 
-import { ConfigureSSOProvider } from './ConfigureSSOContext';
+import { ConfigureSSOProvider, type OrganizationDomainMutations } from './ConfigureSSOContext';
 import { ConfigureSSONavbar } from './ConfigureSSONavbar';
 import { ConfigureSSOSkeleton } from './ConfigureSSOSkeleton';
 import { ConfigureSSOSteps } from './ConfigureSSOSteps';
@@ -50,13 +50,25 @@ export const ConfigureSSOContent = ({ contentRef }: { contentRef: React.RefObjec
     enterpriseConnection,
     organizationEnterpriseConnection,
     testRuns,
-    mutations,
+    enterpriseConnectionMutations,
   } = useOrganizationEnterpriseConnection();
 
-  const { isLoading: isLoadingOrganizationDomains, data: organizationDomains } = __internal_useOrganizationDomains({
+  const {
+    isLoading: isLoadingOrganizationDomains,
+    data: organizationDomains,
+    createDomain,
+    prepareOwnershipVerification,
+    attemptOwnershipVerification,
+    revalidate,
+  } = __internal_useOrganizationDomains({
     enrollmentMode: 'enterprise_sso',
   });
 
+  const organizationDomainMutations = React.useMemo<OrganizationDomainMutations>(
+    () => ({ createDomain, prepareOwnershipVerification, attemptOwnershipVerification, revalidate }),
+    [createDomain, prepareOwnershipVerification, attemptOwnershipVerification, revalidate],
+  );
+
   const isLoading = isLoadingEnterpriseConnection || isLoadingOrganizationDomains;
   if (isLoading) {
     return <ConfigureSSOSkeleton />;
@@ -69,7 +81,8 @@ export const ConfigureSSOContent = ({ contentRef }: { contentRef: React.RefObjec
         testRuns={testRuns}
         enterpriseConnection={enterpriseConnection}
         contentRef={contentRef}
-        mutations={mutations}
+        enterpriseConnectionMutations={enterpriseConnectionMutations}
+        organizationDomainMutations={organizationDomainMutations}
         organizationDomains={organizationDomains}
       >
         <ConfigureSSOSteps />

packages/ui/src/components/ConfigureSSO/ConfigureSSOContext.tsx

@@ -4,6 +4,19 @@ import React, { type PropsWithChildren } from 'react';
 import type { OrganizationEnterpriseConnection } from './domain/organizationEnterpriseConnection';
 import type { EnterpriseConnectionMutations, TestRunsView } from './hooks/useOrganizationEnterpriseConnection';
 
+/**
+ * Domain-scoped mutations for the active organization's domains, sourced from
+ * `__internal_useOrganizationDomains`. Kept separate from the
+ * connection-scoped `EnterpriseConnectionMutations` so the two surfaces stay
+ * decoupled and can be lifted independently.
+ */
+export interface OrganizationDomainMutations {
+  createDomain: (name: string) => Promise<OrganizationDomainResource | undefined>;
+  prepareOwnershipVerification: (domain: OrganizationDomainResource) => Promise<OrganizationDomainResource | undefined>;
+  attemptOwnershipVerification: (domain: OrganizationDomainResource) => Promise<OrganizationDomainResource | undefined>;
+  revalidate: () => Promise<void>;
+}
+
 /**
  * Shared state for the ConfigureSSO wizard, persisted across steps. Everything
  * is sourced from the umbrella `useOrganizationEnterpriseConnection` hook one
@@ -14,7 +27,8 @@ export interface ConfigureSSOData {
   enterpriseConnection: EnterpriseConnectionResource | undefined;
   /** Ref to the wizard's scrollable content container. */
   contentRef: React.RefObject<HTMLDivElement>;
-  mutations: EnterpriseConnectionMutations;
+  enterpriseConnectionMutations: EnterpriseConnectionMutations;
+  organizationDomainMutations: OrganizationDomainMutations;
   organizationEnterpriseConnection: OrganizationEnterpriseConnection;
   testRuns: TestRunsView;
   organizationDomains: OrganizationDomainResource[] | undefined;
@@ -26,7 +40,8 @@ interface ConfigureSSOProviderProps {
   testRuns: TestRunsView;
   organizationDomains: OrganizationDomainResource[] | undefined;
   contentRef: React.RefObject<HTMLDivElement>;
-  mutations: EnterpriseConnectionMutations;
+  enterpriseConnectionMutations: EnterpriseConnectionMutations;
+  organizationDomainMutations: OrganizationDomainMutations;
 }
 
 const ConfigureSSOContext = React.createContext<ConfigureSSOData | null>(null);
@@ -38,7 +53,8 @@ export const ConfigureSSOProvider = ({
   testRuns,
   organizationDomains,
   contentRef,
-  mutations,
+  enterpriseConnectionMutations,
+  organizationDomainMutations,
   children,
 }: PropsWithChildren<ConfigureSSOProviderProps>): JSX.Element => {
   const value = React.useMemo<ConfigureSSOData>(
@@ -48,9 +64,18 @@ export const ConfigureSSOProvider = ({
       organizationEnterpriseConnection,
       testRuns,
       organizationDomains,
-      mutations,
+      enterpriseConnectionMutations,
+      organizationDomainMutations,
     }),
-    [contentRef, enterpriseConnection, mutations, organizationEnterpriseConnection, testRuns, organizationDomains],
+    [
+      contentRef,
+      enterpriseConnectionMutations,
+      organizationDomainMutations,
+      organizationEnterpriseConnection,
+      testRuns,
+      organizationDomains,
+      enterpriseConnection,
+    ],
   );
 
   return <ConfigureSSOContext.Provider value={value}>{children}</ConfigureSSOContext.Provider>;