Register Hub CE

assets/js/hubce.js

@@ -0,0 +1,112 @@
+"use strict";
+
+// requires newsletter.js
+const VERIFY_EMAIL_URL = API_BASE_URL + '/connect/email/verify';
+const REFRESH_LICENSE_URL = API_BASE_URL + '/licenses/hub/refresh';
+
+class HubCE {
+
+  constructor(form, feedbackData, submitData, searchParams) {
+    this._form = form;
+    this._feedbackData = feedbackData;
+    this._submitData = submitData;
+    this._searchParams = searchParams;
+    this._submitData.oldLicense = searchParams.get('oldLicense');
+
+    // continue after email verified:
+    if (searchParams.get('verifiedEmail')) {
+      feedbackData.currentStep = 1;
+      feedbackData.emailVerified = true;
+    }
+  }
+
+  submit() {
+    if (this._feedbackData.currentStep === 0) {
+      this.validateEmail();
+    } else if (this._feedbackData.currentStep === 1) {
+      this.sendConfirmationEmail();
+    } else if (this._feedbackData.currentStep === 2) {
+      this.getHubLicense();
+    }
+  }
+
+  validateEmail() {
+    if (!$(this._form)[0].checkValidity()) {
+      $(this._form).find(':input').addClass('show-invalid');
+      this._feedbackData.errorMessage = 'Please fill in all required fields.';
+      return;
+    }
+    this.onValidationSucceeded();
+  }
+
+  onValidationFailed(error) {
+    this._feedbackData.inProgress = false;
+    this._feedbackData.errorMessage = error;
+  }
+
+  onValidationSucceeded() {
+    this._feedbackData.currentStep++;
+    this._feedbackData.inProgress = false;
+    this._feedbackData.errorMessage = '';
+  }
+
+  sendConfirmationEmail() {
+    if (!$(this._form)[0].checkValidity()) {
+      $(this._form).find(':input').addClass('show-invalid');
+      this._feedbackData.errorMessage = 'Please fill in all required fields.';
+      return;
+    }
+
+    this._feedbackData.success = false;
+    this._feedbackData.inProgress = true;
+    this._feedbackData.errorMessage = '';
+    $.ajax({
+      url: VERIFY_EMAIL_URL,
+      type: 'POST',
+      data: {
+        email: this._submitData.email,
+        oldLicense: this._submitData.oldLicense,
+        verifyCaptcha: this._submitData.captcha,
+        verifyEmail: this._submitData.email,
+        verifyTarget: 'registerhubce'
+      }
+    }).done(_ => {
+      this.onRequestSucceeded();
+      if (this._submitData.acceptNewsletter) {
+        subscribeToNewsletter(this._submitData.email, 7); // FIXME move to backend
+      }
+    }).fail(xhr => {
+      this.onRequestFailed(xhr.responseJSON?.message || 'Sending confirmation email failed.');
+    });
+  }
+
+  getHubLicense() {
+    this._feedbackData.inProgress = true;
+    this._feedbackData.errorMessage = '';
+    $.ajax({
+      url: REFRESH_LICENSE_URL,
+      type: 'POST',
+      data: {
+        token: this._submitData.oldLicense,
+        captcha: this._submitData.captcha
+      }
+    }).done(response => {
+      this._feedbackData.licenseText = response;
+      this._feedbackData.inProgress = false;
+    }).fail(xhr => {
+      this.onRequestFailed(xhr.responseJSON?.message || 'Fetching license failed.');
+    });
+  }
+
+  onRequestFailed(error) {
+    this._feedbackData.inProgress = false;
+    this._feedbackData.errorMessage = error;
+  }
+
+  onRequestSucceeded() {
+    this._feedbackData.emailSent = true;
+    this._feedbackData.inProgress = false;
+    this._feedbackData.errorMessage = '';
+  }
+
+}

content/hub-register.de.html

@@ -0,0 +1,5 @@
+---
+title: "Cryptomator Hub: Registrieren"
+url: "/de/hub/register"
+type: "hub-register"
+---

content/hub-register.en.html

@@ -0,0 +1,5 @@
+---
+title: "Cryptomator Hub: Register"
+url: "/hub/register"
+type: "hub-register"
+---

i18n/en.yaml

@@ -659,6 +659,45 @@
 - id: hub_demo_contact_us_button
   translation: "Contact Us"
 
+# Hub CE Registration
+- id: hub_ce_registration_description
+  translation: "Register your Cryptomator Hub instance for a free Community Edition license."
+
+- id: hub_ce_registration_steps_title
+  translation: "Step <span x-text=\"feedbackData.currentStep + 1\"></span> of <span x-text=\"steps.length\"></span>"
+- id: hub_ce_registration_steps_next
+  translation: "Next"
+- id: hub_ce_registration_steps_continue
+  translation: "Continue"
+
+- id: hub_ce_registration_step_1_nav_title
+  translation: "Email Address"
+- id: hub_ce_registration_step_1_title
+  translation: "What's your email address?"
+- id: hub_ce_registration_step_1_email_placeholder
+  translation: "Email address"
+
+- id: hub_ce_registration_step_2_confirmation_nav_title
+  translation: "Confirmation"
+- id: hub_ce_registration_step_2_confirmation_title
+  translation: "Please confirm your email address"
+- id: hub_ce_registration_step_2_instructions
+  translation: "We are going to send a confirmation email to <span x-text=\"submitData.email\"></span>"
+- id: hub_ce_registration_step_2_check_email
+  translation: "Please check your e-mails."
+- id: hub_ce_registration_step_2_email_verified
+  translation: "Your email has been verified successfully."
+
+- id: hub_ce_registration_step_3_license_nav_title
+  translation: "License Key"
+- id: hub_ce_registration_step_3_license_title
+  translation: "Your Community Edition License Key"
+- id: hub_ce_registration_step_3_loading
+  translation: "Loading license key..."
+- id: hub_ce_registration_step_3_success
+  translation: "Your new license key:"
+
+
 # Hub Managed
 - id: hub_managed_description
   translation: "Request access to a managed instance of Cryptomator Hub and get your team on board with client-side encryption for your cloud storage."