Merge branch 'develop'

Author: tobihagemann

assets/css/custom.css

@@ -155,9 +155,7 @@ ul.list-primary li::marker {
   @apply border-secondary;
 }
 
-input:focus:invalid,
 input.show-invalid:invalid,
-textarea:focus:invalid,
 textarea.show-invalid:invalid {
   @apply border-red-500 ring-0;
 }

assets/js/hubmanaged.js

@@ -1,7 +1,9 @@
 "use strict";
 
 // requires store.js
+// requires newsletter.js
 const REQUEST_HUB_MANAGED_URL = STORE_API_URL + '/hub/request-managed';
+const VALIDATE_HUB_MANAGED_REQUEST_URL = STORE_API_URL + '/hub/validate-managed-request';
 
 class HubManaged {
 
@@ -11,6 +13,84 @@ class HubManaged {
     this._submitData = submitData;
   }
 
+  validateEmail() {
+    if (!$(this._form)[0].checkValidity()) {
+      $(this._form).find(':input').addClass('show-invalid');
+      this._feedbackData.errorMessage = 'Please fill in all required fields.';
+      return;
+    }
+
+    this._feedbackData.inProgress = true;
+    this._feedbackData.errorMessage = '';
+    $.ajax({
+      url: VALIDATE_HUB_MANAGED_REQUEST_URL,
+      type: 'GET',
+      data: {
+        email: this._submitData.email
+      }
+    }).done(_ => {
+      this.onValidationSucceeded();
+    }).fail(xhr => {
+      this.onValidationFailed(xhr.responseJSON?.message || 'Validating email failed.');
+    });
+  }
+
+  validateTeamAndSubdomain() {
+    if (!$(this._form)[0].checkValidity()) {
+      $(this._form).find(':input').addClass('show-invalid');
+      this._feedbackData.errorMessage = 'Please fill in all required fields.';
+      return;
+    }
+
+    this._feedbackData.inProgress = true;
+    this._feedbackData.errorMessage = '';
+    $.ajax({
+      url: VALIDATE_HUB_MANAGED_REQUEST_URL,
+      type: 'GET',
+      data: {
+        team: this._submitData.team,
+        subdomain: this._submitData.subdomain
+      }
+    }).done(_ => {
+      this.onValidationSucceeded();
+    }).fail(xhr => {
+      this.onValidationFailed(xhr.responseJSON?.message || 'Validating team and subdomain failed.');
+    });
+  }
+
+  validateQuantity() {
+    if (!$(this._form)[0].checkValidity()) {
+      $(this._form).find(':input').addClass('show-invalid');
+      this._feedbackData.errorMessage = 'Please fill in all required fields.';
+      return;
+    }
+
+    this._feedbackData.inProgress = true;
+    this._feedbackData.errorMessage = '';
+    $.ajax({
+      url: VALIDATE_HUB_MANAGED_REQUEST_URL,
+      type: 'GET',
+      data: {
+        quantity: this._submitData.quantity
+      }
+    }).done(_ => {
+      this.onValidationSucceeded();
+    }).fail(xhr => {
+      this.onValidationFailed(xhr.responseJSON?.message || 'Validating quantity failed.');
+    });
+  }
+
+  onValidationFailed(error) {
+    this._feedbackData.inProgress = false;
+    this._feedbackData.errorMessage = error;
+  }
+
+  onValidationSucceeded() {
+    this._feedbackData.currentStep++;
+    this._feedbackData.inProgress = false;
+    this._feedbackData.errorMessage = '';
+  }
+
   request() {
     if (!$(this._form)[0].checkValidity()) {
       $(this._form).find(':input').addClass('show-invalid');
@@ -27,6 +107,9 @@ class HubManaged {
       data: this._submitData
     }).done(_ => {
       this.onRequestSucceeded();
+      if (this._submitData.acceptNewsletter) {
+        subscribeToNewsletter(this._submitData.email, 7);
+      }
     }).fail(xhr => {
       this.onRequestFailed(xhr.responseJSON?.message || 'Requesting Hub Managed failed.');
     });
@@ -46,3 +129,31 @@ class HubManaged {
   }
 
 }
+
+function teamToSubdomain(team) {
+  // Convert to lowercase
+  let subdomain = team.toLowerCase();
+  // Replace German specific characters
+  subdomain = subdomain.replace(/ß/g, "ss").replace(/ä/g, "ae").replace(/ö/g, "oe").replace(/ü/g, "ue");
+  // Normalize to decompose accented characters and remove diacritics
+  subdomain = subdomain.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  // Replace any whitespace (including spaces, tabs, etc.) with a hyphen
+  subdomain = subdomain.replace(/\s+/g, "-");
+  // Remove any characters that are not letters, numbers, or hyphens
+  subdomain = subdomain.replace(/[^a-z0-9-]/g, "");
+  // Replace multiple hyphens with a single hyphen
+  subdomain = subdomain.replace(/-+/g, "-");
+  // Remove any leading or trailing hyphens
+  subdomain = subdomain.replace(/^-+/, "").replace(/-+$/, "");
+  // Cap the subdomain at 63 characters
+  if (subdomain.length > 63) {
+    subdomain = subdomain.slice(0, 63);
+    // Remove any trailing hyphen after truncation
+    subdomain = subdomain.replace(/-+$/, "");
+  }
+  return subdomain;
+}
+
+function subdomainToURL(subdomain) {
+  return `https://${subdomain}.cryptomator.cloud`;
+}

i18n/de.yaml

@@ -24,6 +24,8 @@
   translation: "Ich bin damit einverstanden, Neuigkeiten von Cryptomator zu erhalten, und akzeptiere die <a class=\"text-link\" href=\"/de/privacy/\">Datenschutzerklärung</a>."
 - id: accept_newsletter_optional
   translation: "Ich bin damit einverstanden, Neuigkeiten von Cryptomator per E-Mail zu erhalten (optional)."
+- id: accept_hub_newsletter_optional
+  translation: "Ich bin damit einverstanden, Neuigkeiten von Cryptomator Hub per E-Mail zu erhalten (optional)."
 - id: accept_privacy
   translation: "Ich akzeptiere die <a class=\"text-link\" href=\"/de/privacy/\">Datenschutzerklärung</a>."
 - id: accept_privacy_implicitly
@@ -610,41 +612,67 @@
 - id: hub_managed_description
   translation: "Beantrage Zugang zu einer Managed-Instanz von Cryptomator Hub und hol dein Team mit der clientseitigen Verschlüsselung für deinen Cloud-Speicher an Bord."
 
-- id: hub_managed_info_header_title
-  translation: "Information"
-- id: hub_managed_info_header_description
-  translation: "Auf der Grundlage deiner Eingaben wird eine neue Hub-Instanz für dich erstellt. Du wirst der erste Administrator dieser Instanz sein."
-- id: hub_managed_info_subdomain
-  translation: "Subdomain"
-- id: hub_managed_info_subdomain_description
-  translation: "Die URL deiner Hub-Instanz. Wenn du eine eigene Domain verwenden möchtest, teile uns dies bitte unten mit."
-- id: hub_managed_info_email
+- id: hub_managed_steps_title
+  translation: "Schritt <span x-text=\"feedbackData.currentStep + 1\"></span> von <span x-text=\"steps.length\"></span>"
+- id: hub_managed_steps_next
+  translation: "Weiter"
+
+- id: hub_managed_step_1_nav_title
   translation: "Arbeits-E-Mail"
-- id: hub_managed_info_email_description
-  translation: "Die E-Mail-Adresse der Person, die der erste Administrator deiner Hub-Instanz sein wird."
-- id: hub_managed_info_quantity
+- id: hub_managed_step_1_title
+  translation: "Wie lautet die E-Mail-Adresse für deine Arbeit?"
+- id: hub_managed_step_1_email_placeholder
+  translation: "E-Mail-Adresse für die Arbeit"
+
+- id: hub_managed_step_2_nav_title
+  translation: "Team-Name"
+- id: hub_managed_step_2_title
+  translation: "Wie heißt dein Team?"
+- id: hub_managed_step_2_team_placeholder
+  translation: "Name deines Teams, Unternehmens oder deiner Organisation"
+- id: hub_managed_step_2_subdomain_description
+  translation: "Dies ist die URL deiner Hub-Instanz."
+- id: hub_managed_step_2_subdomain_placeholder
+  translation: "Subdomain deiner Hub-Instanz"
+
+- id: hub_managed_step_3_nav_title
+  translation: "Erwartete Nutzer"
+- id: hub_managed_step_3_title
+  translation: "Wie viele Nutzer erwartest du?"
+- id: hub_managed_step_3_quantity_description
+  translation: "Dies kann nur eine Schätzung sein und später geändert werden."
+- id: hub_managed_step_3_quantity_placeholder
   translation: "Anzahl der erwarteten Nutzer"
-- id: hub_managed_info_quantity_description
-  translation: "Die Anzahl der Nutzer, die du voraussichtlich haben wirst. Diese kann später geändert werden."
-- id: hub_managed_info_message
-  translation: "Nachricht (optional)"
-- id: hub_managed_info_message_description
-  translation: "Wenn du Fragen oder besondere Wünsche hast, lass sie uns bitte wissen."
 
-- id: hub_managed_trial_info
-  translation: "Keine Kreditkarte erforderlich. Starte noch heute mit deiner kostenlosen 30-Tage-Testversion."
-- id: hub_managed_loadcaptcha
+- id: hub_managed_step_4_nav_title
+  translation: "Zusammenfassung"
+- id: hub_managed_step_4_title
+  translation: "Zusammenfassung"
+- id: hub_managed_step_4_email
+  translation: "E-Mail"
+- id: hub_managed_step_4_team
+  translation: "Team-Name"
+- id: hub_managed_step_4_url
+  translation: "URL"
+- id: hub_managed_step_4_quantity
+  translation: "Erwartete Nutzer"
+- id: hub_managed_step_4_message
+  translation: "Nachricht"
+- id: hub_managed_step_4_message_add
+  translation: "Nachricht hinzufügen (optional)"
+- id: hub_managed_step_4_message_add_placeholder
+  translation: "Nachricht an das Cryptomator-Team (optional)"
+- id: hub_managed_step_4_loadcaptcha
   translation: "Weiter…"
-- id: hub_managed_submit
+- id: hub_managed_step_4_submit
   translation: "Zugang anfragen"
+
 - id: hub_managed_success_title
   translation: "Deine Anfrage wurde versendet!"
 - id: hub_managed_success_description
   translation: "Wir haben deine Anfrage erhalten und werden sie so schnell wie möglich prüfen."
 
-- id: hub_managed_pricing_title
-  translation: "Preise"
-- id: hub_managed_pricing_description
+- id: hub_managed_trial_info
   translation: "Keine Kreditkarte erforderlich. Starte noch heute mit deiner kostenlosen 30-Tage-Testversion."
 
 - id: hub_managed_contact_us_title
@@ -662,14 +690,8 @@
   translation: "Lade Cryptomator ohne Hub herunter, wenn du Tresore alleine nutzen möchtest."
 - id: hub_managed_low_quantity_description_2
   translation: "Lade Cryptomator ohne Hub herunter, wenn du Tresore mit jemandem teilen möchtest. Lies die <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/best-practices/#sharing-of-vaults\" target=\"_blank\" rel=\"noopener\">Best Practices zum Teilen von Tresoren</a>."
-- id: hub_managed_low_quantity_description_3
-  translation: "Lade Cryptomator ohne Hub herunter, wenn du Tresore mit einem kleinen Team teilen möchtest. Lies die <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/best-practices/#sharing-of-vaults\" target=\"_blank\" rel=\"noopener\">Best Practices zum Teilen von Tresoren</a>."
-- id: hub_managed_low_quantity_description_4
-  translation: "Ansonsten kannst du gerne Zugang zu einer Managed-Instanz von Cryptomator Hub anfragen."
-- id: hub_managed_low_quantity_submit_1
+- id: hub_managed_low_quantity_submit
   translation: "Zu Downloads"
-- id: hub_managed_low_quantity_submit_2
-  translation: "Anfrage bestätigen"
 
 # Hub Setup
 - id: hub_setup_description