Update README.md (#453 )

Add features section to README
Bump rails-html-sanitizer from 1.6.0 to 1.6.1 (#448 )
2025-12-16 19:57:52 +01:00 · 2025-01-03 16:19:09 +01:00 · 2025-01-03 12:14:59 +01:00 · 2024-12-20 14:06:48 +01:00 · 2024-12-10 11:51:28 +01:00 · 2024-11-27 15:46:33 +01:00
78 changed files with 3435 additions and 110 deletions
--- a/11
+++ b/11
@@ -3,7 +3,7 @@ git_source(:github) { |repo| "https://github.com/#{repo}.git" }

 ruby '3.0.6'

-gem 'rake', '12.3.3'
+gem 'rake', '13.2.1'

 gem 'rails', '6.1.7.9'

@@ -61,6 +61,15 @@ gem 'capybara', '3.40.0'
 # CORS policy
 gem 'rack-cors', '2.0.2'

+# ActiveJob backend
+gem 'sidekiq', '7.3.5'
+
+# Cron jobs with sidekiq
+gem 'sidekiq-cron', '2.0.1'
+
+# Template language
+gem 'liquid', '5.5.1'
+
 group :development, :test do
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
  
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -67,7 +67,7 @@ GEM
      babel-source (>= 4.0, < 6)
      execjs (~> 2.0)
    base64 (0.2.0)
-    bcrypt (3.1.18)
+    bcrypt (3.1.20)
    bindex (0.8.1)
    bootsnap (1.12.0)
      msgpack (~> 1.2)
@@ -83,8 +83,11 @@ GEM
      regexp_parser (>= 1.5, < 3.0)
      xpath (~> 3.2)
    concurrent-ruby (1.3.4)
-    connection_pool (2.2.5)
+    connection_pool (2.4.1)
    crass (1.0.6)
+    cronex (0.15.0)
+      tzinfo
+      unicode (>= 0.4.4.5)
    cssbundling-rails (1.1.2)
      railties (>= 6.0.0)
    date (3.4.0)
@@ -94,17 +97,22 @@ GEM
      railties (>= 4.1.0)
      responders
      warden (~> 1.2.3)
-    diff-lcs (1.5.0)
+    diff-lcs (1.5.1)
    erubi (1.13.0)
-    execjs (2.8.1)
+    et-orbi (1.2.11)
+      tzinfo
+    execjs (2.10.0)
    factory_bot (5.0.2)
      activesupport (>= 4.2.0)
    factory_bot_rails (5.0.2)
      factory_bot (~> 5.0.2)
      railties (>= 4.2.0)
-    ffi (1.15.5)
+    ffi (1.17.0)
    friendly_id (5.5.1)
      activerecord (>= 4.0.0)
+    fugit (1.11.1)
+      et-orbi (~> 1, >= 1.2.11)
+      raabro (~> 1.4)
    globalid (1.2.1)
      activesupport (>= 6.1)
    httparty (0.21.0)
@@ -133,9 +141,11 @@ GEM
      activerecord
      kaminari-core (= 1.2.2)
    kaminari-core (1.2.2)
+    liquid (5.5.1)
    listen (3.5.1)
      rb-fsevent (~> 0.10, >= 0.10.3)
      rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.6.1)
    loofah (2.23.1)
      crass (~> 1.0.2)
      nokogiri (>= 1.12.0)
@@ -148,11 +158,11 @@ GEM
    matrix (0.4.2)
    method_source (1.1.0)
    mini_mime (1.1.5)
-    mini_portile2 (2.8.7)
+    mini_portile2 (2.8.8)
    minitest (5.25.1)
-    msgpack (1.5.2)
+    msgpack (1.7.5)
    multi_xml (0.6.0)
-    net-imap (0.4.17)
+    net-imap (0.4.18)
      date
      net-protocol
    net-pop (0.1.2)
@@ -162,7 +172,7 @@ GEM
    net-smtp (0.5.0)
      net-protocol
    nio4r (2.7.4)
-    nokogiri (1.16.7)
+    nokogiri (1.16.8)
      mini_portile2 (~> 2.8.2)
      racc (~> 1.4)
    orm_adapter (0.5.0)
@@ -172,6 +182,7 @@ GEM
      nio4r (~> 2.0)
    pundit (2.2.0)
      activesupport (>= 3.0.0)
+    raabro (1.4.0)
    racc (1.8.1)
    rack (2.2.10)
    rack-attack (6.7.0)
@@ -199,18 +210,18 @@ GEM
      activesupport (>= 5.0.0)
      minitest
      nokogiri (>= 1.6)
-    rails-html-sanitizer (1.6.0)
+    rails-html-sanitizer (1.6.1)
      loofah (~> 2.21)
-      nokogiri (~> 1.14)
+      nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
    railties (6.1.7.9)
      actionpack (= 6.1.7.9)
      activesupport (= 6.1.7.9)
      method_source
      rake (>= 12.2)
      thor (~> 1.0)
-    rake (12.3.3)
+    rake (13.2.1)
    rb-fsevent (0.11.2)
-    rb-inotify (0.10.1)
+    rb-inotify (0.11.1)
      ffi (~> 1.0)
    react-rails (2.6.2)
      babel-transpiler (>= 0.7.0)
@@ -218,19 +229,21 @@ GEM
      execjs
      railties (>= 3.2)
      tilt
+    redis-client (0.22.2)
+      connection_pool
    regexp_parser (2.9.2)
-    responders (3.0.1)
-      actionpack (>= 5.0)
-      railties (>= 5.0)
+    responders (3.1.1)
+      actionpack (>= 5.2)
+      railties (>= 5.2)
    rexml (3.3.9)
-    rspec-core (3.12.2)
-      rspec-support (~> 3.12.0)
-    rspec-expectations (3.12.3)
+    rspec-core (3.13.2)
+      rspec-support (~> 3.13.0)
+    rspec-expectations (3.13.3)
      diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.12.0)
-    rspec-mocks (3.12.5)
+      rspec-support (~> 3.13.0)
+    rspec-mocks (3.13.2)
      diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.12.0)
+      rspec-support (~> 3.13.0)
    rspec-rails (4.0.2)
      actionpack (>= 4.2)
      activesupport (>= 4.2)
@@ -241,7 +254,7 @@ GEM
      rspec-support (~> 3.10)
    rspec-retry (0.6.2)
      rspec-core (> 3.3)
-    rspec-support (3.12.0)
+    rspec-support (3.13.1)
    rswag-api (2.15.0)
      activesupport (>= 5.2, < 8.0)
      railties (>= 5.2, < 8.0)
@@ -256,6 +269,16 @@ GEM
      rexml (~> 3.2, >= 3.2.5)
      rubyzip (>= 1.2.2, < 3.0)
      websocket (~> 1.0)
+    sidekiq (7.3.5)
+      connection_pool (>= 2.3.0)
+      logger
+      rack (>= 2.2.4)
+      redis-client (>= 0.22.2)
+    sidekiq-cron (2.0.1)
+      cronex (>= 0.13.0)
+      fugit (~> 1.8, >= 1.11.1)
+      globalid (>= 1.0.1)
+      sidekiq (>= 6.5.0)
    spring (2.1.1)
    spring-watcher-listen (2.0.1)
      listen (>= 2.7, < 4.0)
@@ -269,16 +292,17 @@ GEM
      sprockets (>= 3.0.0)
    stripe (11.2.0)
    thor (1.3.2)
-    tilt (2.0.10)
+    tilt (2.4.0)
    timeout (0.4.2)
    turbolinks (5.2.1)
      turbolinks-source (~> 5.2)
    turbolinks-source (5.2.0)
    tzinfo (2.0.6)
      concurrent-ruby (~> 1.0)
+    unicode (0.4.4.5)
    warden (1.2.9)
      rack (>= 2.0.9)
-    web-console (4.2.0)
+    web-console (4.2.1)
      actionview (>= 6.0.0)
      activemodel (>= 6.0.0)
      bindex (>= 0.4.0)
@@ -307,6 +331,7 @@ DEPENDENCIES
  jbuilder (= 2.11.5)
  jsbundling-rails (= 1.1.1)
  kaminari (= 1.2.2)
+  liquid (= 5.5.1)
  listen (= 3.5.1)
  pg (= 1.3.5)
  puma (= 5.6.9)
@@ -314,13 +339,15 @@ DEPENDENCIES
  rack-attack (= 6.7.0)
  rack-cors (= 2.0.2)
  rails (= 6.1.7.9)
-  rake (= 12.3.3)
+  rake (= 13.2.1)
  react-rails (= 2.6.2)
  rspec-rails (= 4.0.2)
  rspec-retry (= 0.6.2)
  rswag-api (= 2.15.0)
  rswag-specs (= 2.15.0)
  selenium-webdriver (= 4.17.0)
+  sidekiq (= 7.3.5)
+  sidekiq-cron (= 2.0.1)
  spring (= 2.1.1)
  spring-watcher-listen (= 2.0.1)
  stripe (= 11.2.0)
--- a/README.md
+++ b/README.md
@@ -19,6 +19,16 @@ Astuto is an open source customer feedback tool. It helps you collect, manage an
  <img src="./images/hero-image.png" />
 </a>

+## Features
+
+- **Roadmap**: show users what you're working on
+- **Simple Sign In**: let users log in with email or any OAuth2 provider
+- **Webhooks**: integrate with your existing tools (e.g. Jira, Trello, Slack)
+- **API**: programmatically manage your feedback space with our REST API
+- **Moderation Queue**: decide whether to show new feedback immediately or request approval
+- **Anonymous Feedback**: enable unregistered users to publish feedback
+- **... and more**: invitation system, brand customization, recap emails for administrators, private site settings, and more!
+
 ## Get started

 ### Hosted
@@ -73,7 +83,7 @@ volumes:

 ## Documentation

-Check out [docs.astuto.io](https://docs.astuto.io/) to learn how to deploy Astuto, configure custom OAuth providers, customize appearance and more!
+Check out [docs.astuto.io](https://docs.astuto.io/) to learn how to deploy Astuto, configure custom OAuth providers and webhooks, use our REST API and more!

 ## Contributing

--- a/app/assets/stylesheets/application.sass.scss
+++ b/app/assets/stylesheets/application.sass.scss
@@ -31,6 +31,7 @@
@import 'components/SiteSettings/Authentication';
@import 'components/SiteSettings/Appearance/';
@import 'components/SiteSettings/Invitations';
+@import 'components/SiteSettings/Webhooks';

 /* Moderation Components */
@import 'components/Moderation/Feedback';
--- a/app/assets/stylesheets/common/_form.scss
+++ b/app/assets/stylesheets/common/_form.scss
@@ -23,6 +23,10 @@

  padding: 15px;
  margin: 0 auto;
+
+  label[for=user_notifications_enabled] {
+    @extend .mb-0;
+  }
 }

 .apiKeyGenerateButton { width: 100%; }
--- a/app/assets/stylesheets/common/_index.scss
+++ b/app/assets/stylesheets/common/_index.scss
@@ -173,6 +173,7 @@ body {
 }
 .badgeWarning { @extend .badge-warning; }
 .badgeDanger { @extend .badge-danger; }
+.badgeSuccess { @extend .badge-success; }

 .container {
  max-width: 960px;
--- a/app/assets/stylesheets/components/Comments.scss
+++ b/app/assets/stylesheets/components/Comments.scss
@@ -53,6 +53,8 @@
  }

  .editCommentForm {
+    .commentFormContainer { @extend .d-block; }
+
    textarea {
      @extend .my-2;
    }
--- a/app/assets/stylesheets/components/SiteSettings/Invitations/index.scss
+++ b/app/assets/stylesheets/components/SiteSettings/Invitations/index.scss
@@ -59,7 +59,7 @@
      .pl-0;
  
    list-style: none;
-    height: 500px;
+    max-height: 500px;
    overflow-y: scroll;
  
    li.invitationListItem {
--- a/app/assets/stylesheets/components/SiteSettings/Webhooks/index.scss
+++ b/app/assets/stylesheets/components/SiteSettings/Webhooks/index.scss
@@ -0,0 +1,126 @@
+.previewStyling {
+  @extend .mt-4, .p-3;
+
+  max-height: 400px;
+  max-width: 600px;
+
+  background-color: #f4f4f4;
+
+  border-radius: 8px;
+}
+
+a.backButton {
+  @extend .mb-2, .align-self-start;
+
+  font-size: 18px;
+}
+
+.webhooksIndexPage {
+  .webhooksTitle {
+    @extend
+      .d-flex,
+      .mb-2;
+
+    button {
+      @extend .ml-2;
+
+      height: min-content;
+    }
+  }
+
+  .webhooksList {
+    @extend .pl-1;
+
+    list-style: none;
+
+    h4 { @extend .mb-0, .mt-2; }
+    ul { @extend .pl-0; }
+
+    .webhookListItem {
+      @extend
+        .d-flex,
+        .justify-content-between,
+        .mb-2,
+        .p-2;
+
+      .webhookInfo {
+        @extend .d-flex;
+
+        column-gap: 32px;
+
+        .webhookName { font-size: 18px; }
+        .webhookDescription {
+          @extend .mutedText, .mb-1;
+          font-size: smaller;
+        }
+      }
+      
+      .webhookActions {
+        @extend .d-flex;
+
+        align-self: center;
+      }
+    }
+  }
+}
+
+.webhookFormPage {
+  #httpBody {
+    min-height: 200px;
+  }
+  
+  .httpBodyActions {
+    @extend
+      .d-flex,
+      .justify-content-between,
+      .mt-1;
+
+    div:first-child {
+      min-width: 250px;
+    }
+  }
+  
+  .previewHttpBody {
+    display: block;
+    text-align: right;
+  }
+
+  .urlAndHttpBodyPreview {
+    @extend .mt-3;
+
+    #preview {
+      @extend .previewStyling;
+      margin-top: 0 !important;
+    }
+  }
+
+  .formGroupHttpHeaders {
+    @extend .mb-0;
+
+    div.formRow { @extend .mb-0; }
+
+    div.formRow:last-child {
+      div.formGroup { @extend .mb-1; }
+    }
+  }
+
+  .deleteHeaderActionLinkContainer {
+    @extend
+      .d-flex,
+      .align-self-end;
+  }
+
+  .submitWebhookFormButton { @extend .mt-4; }
+}
+
+.webhookTestPage {
+  .webhookActions {
+    @extend .d-flex;
+  }
+
+  .webhookTestResponse {
+    @extend .mt-4;
+
+    #testHttpResponse { @extend .previewStyling; }
+  }
+}
--- a/app/controllers/application_controller.rb
+++ b/app/controllers/application_controller.rb
@@ -35,7 +35,12 @@ class ApplicationController < ActionController::Base
  protected

    def configure_devise_permitted_parameters
-      additional_permitted_parameters = [:full_name, :notifications_enabled, :invitation_token]
+      additional_permitted_parameters = [
+        :full_name,
+        :notifications_enabled,
+        :recap_notification_frequency,
+        :invitation_token
+      ]

      devise_parameter_sanitizer.permit(:sign_up, keys: additional_permitted_parameters)
      devise_parameter_sanitizer.permit(:account_update, keys: additional_permitted_parameters)
--- a/app/controllers/invitations_controller.rb
+++ b/app/controllers/invitations_controller.rb
@@ -32,7 +32,7 @@ class InvitationsController < ApplicationController
        )
      )

-      InvitationMailer.invite(invitation: invitation, subject: subject, body: body_with_link).deliver_now
+      InvitationMailer.invite(invitation: invitation, subject: subject, body: body_with_link).deliver_later

      num_invitations_sent += 1
    end
--- a/app/controllers/site_settings_controller.rb
+++ b/app/controllers/site_settings_controller.rb
@@ -19,6 +19,9 @@ class SiteSettingsController < ApplicationController
  def roadmap
  end

+  def webhooks
+  end
+
  def invitations
    @invitations = Invitation.all.order(updated_at: :desc)
  end
--- a/app/controllers/tenants_controller.rb
+++ b/app/controllers/tenants_controller.rb
@@ -43,7 +43,8 @@ class TenantsController < ApplicationController
        email: params[:user][:email],
        password: is_o_auth_login ? Devise.friendly_token : params[:user][:password],
        has_set_password: !is_o_auth_login,
-        role: "owner"
+        role: "owner",
+        recap_notification_frequency: "daily"
      )

      if is_o_auth_login
--- a/app/controllers/webhooks_controller.rb
+++ b/app/controllers/webhooks_controller.rb
@@ -0,0 +1,97 @@
+class WebhooksController < ApplicationController
+  def index
+    authorize Webhook
+
+    @webhooks = Webhook.order(trigger: :asc, created_at: :desc)
+
+    render json: @webhooks
+  end
+
+  def create
+    @webhook = Webhook.new
+    @webhook.assign_attributes(webhook_params)
+    authorize @webhook
+
+    if @webhook.save
+      render json: @webhook, status: :created
+    else
+      render json: {
+        error: @webhook.errors.full_messages
+      }, status: :unprocessable_entity
+    end
+  end
+
+  def update
+    @webhook = Webhook.find(params[:id])
+    authorize @webhook
+
+    if @webhook.update(webhook_params)
+      render json: @webhook
+    else
+      render json: {
+        error: @webhook.errors.full_messages
+      }, status: :unprocessable_entity
+    end
+  end
+
+  def destroy
+    @webhook = Webhook.find(params[:id])
+    authorize @webhook
+
+    if @webhook.destroy
+      render json: {
+        id: params[:id]
+      }, status: :accepted
+    else
+      render json: {
+        error: @webhook.errors.full_messages
+      }, status: :unprocessable_entity
+    end
+  end
+
+  def preview
+    context = CreateLiquidTemplateContextWorkflow.new(
+      webhook_trigger: params[:webhook][:trigger],
+      is_test: true,
+    ).run
+
+    url_template = Liquid::Template.parse(params[:webhook][:url])
+    url_preview = url_template.render(context)
+
+    http_body_template = Liquid::Template.parse(params[:webhook][:http_body])
+    http_body_preview = http_body_template.render(context)
+
+    render json: {
+      url_preview: url_preview,
+      http_body_preview: http_body_preview,
+    }, status: :ok
+  rescue => e
+    render json: {
+      error: e.message
+    }, status: :unprocessable_entity
+  end
+
+  def test
+    response = RunWebhook.perform_now(
+      webhook_id: params[:id],
+      current_tenant_id: Current.tenant.id,
+      is_test: true
+    )
+
+    render json: {
+      response: response,
+    }, status: :ok
+  rescue => e
+    render json: {
+      error: e.message
+    }, status: :unprocessable_entity
+  end
+
+  private
+
+    def webhook_params
+      params
+        .require(:webhook)
+        .permit(policy(@webhook).permitted_attributes)
+    end
+end
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -39,24 +39,37 @@ module ApplicationHelper
  end

  def get_url_for(url_helper, resource: nil, disallow_custom_domain: false, options: {})
-    custom_domain = Current.tenant.custom_domain if not disallow_custom_domain and Current.tenant
+    logger.info { "(start) Call to get_url_for with tenant: #{Current.tenant&.inspect}, url_helper = #{url_helper}, resource = #{resource}, disallow_custom_domain = #{disallow_custom_domain}, options = #{options}" }

+    custom_domain = Current.tenant.custom_domain if not disallow_custom_domain and Current.tenant
+    subdomain = ''
+    host = ''
+
+    if not options[:subdomain].blank?
+      subdomain = options[:subdomain]
+    end
    if options[:subdomain].blank? && Rails.application.multi_tenancy? && (custom_domain.blank? || disallow_custom_domain)
-      options[:subdomain] = Current.tenant.subdomain
+      subdomain = Current.tenant.subdomain
    end

    if custom_domain.blank? || disallow_custom_domain
-      options[:host] = Rails.application.base_url
+      host = Rails.application.base_url
+      host = host.gsub(%r{\Ahttps?://|/$}, '')
+      host = "#{subdomain}.#{host}" if subdomain.present?
    else
-      options[:host] = custom_domain
+      host = custom_domain
    end

+    options[:host] = host
+
    if Rails.application.base_url.include?('https')
      options[:protocol] = 'https'
    else
      options[:protocol] = 'http'
    end

+    logger.info { "(end) Call to get_url_for with options = #{options}, resulting url = #{resource ? url_helper.call(resource, options) : url_helper.call(options)}" }
+
    resource ? url_helper.call(resource, options) : url_helper.call(options)
  end

--- a/app/javascript/actions/OAuth/updateOAuth.ts
+++ b/app/javascript/actions/OAuth/updateOAuth.ts
@@ -1,5 +1,6 @@
 import { Action } from "redux";
 import { ThunkAction } from "redux-thunk";
+
 import { ISiteSettingsOAuthForm } from "../../components/SiteSettings/Authentication/OAuthForm";
 import HttpStatus from "../../constants/http_status";
 import buildRequestHeaders from "../../helpers/buildRequestHeaders";
--- a/app/javascript/actions/Webhook/deleteWebhook.ts
+++ b/app/javascript/actions/Webhook/deleteWebhook.ts
@@ -0,0 +1,69 @@
+import { Action } from "redux";
+import { ThunkAction } from "redux-thunk";
+import HttpStatus from "../../constants/http_status";
+
+import buildRequestHeaders from "../../helpers/buildRequestHeaders";
+import { State } from "../../reducers/rootReducer";
+
+export const WEBHOOK_DELETE_START = 'WEBHOOK_DELETE_START';
+interface WebhookDeleteStartAction {
+  type: typeof WEBHOOK_DELETE_START;
+}
+
+export const WEBHOOK_DELETE_SUCCESS = 'WEBHOOK_DELETE_SUCCESS';
+interface WebhookDeleteSuccessAction {
+  type: typeof WEBHOOK_DELETE_SUCCESS;
+  id: number;
+}
+
+export const WEBHOOK_DELETE_FAILURE = 'WEBHOOK_DELETE_FAILURE';
+interface WebhookDeleteFailureAction {
+  type: typeof WEBHOOK_DELETE_FAILURE;
+  error: string;
+}
+
+export type WebhookDeleteActionTypes =
+  WebhookDeleteStartAction |
+  WebhookDeleteSuccessAction |
+  WebhookDeleteFailureAction;
+
+const webhookDeleteStart = (): WebhookDeleteStartAction => ({
+  type: WEBHOOK_DELETE_START,
+});
+
+const webhookDeleteSuccess = (
+  id: number,
+): WebhookDeleteSuccessAction => ({
+  type: WEBHOOK_DELETE_SUCCESS,
+  id,
+});
+
+const webhookDeleteFailure = (error: string): WebhookDeleteFailureAction => ({
+  type: WEBHOOK_DELETE_FAILURE,
+  error,
+});
+
+export const deleteWebhook = (
+  id: number,
+  authenticityToken: string,
+): ThunkAction<void, State, null, Action<string>> => (
+  async (dispatch) => {
+    dispatch(webhookDeleteStart());
+
+    try {
+      const res = await fetch(`/webhooks/${id}`, {
+        method: 'DELETE',
+        headers: buildRequestHeaders(authenticityToken),
+      });
+      const json = await res.json();
+
+      if (res.status === HttpStatus.Accepted) {
+        dispatch(webhookDeleteSuccess(id));
+      } else {
+        dispatch(webhookDeleteFailure(json.error));
+      }
+    } catch (error) {
+      dispatch(webhookDeleteFailure(error.message));
+    }
+  }
+);
--- a/app/javascript/actions/Webhook/requestWebhooks.ts
+++ b/app/javascript/actions/Webhook/requestWebhooks.ts
@@ -0,0 +1,59 @@
+import { Action } from 'redux';
+import { ThunkAction } from 'redux-thunk';
+
+import { IWebhookJSON } from '../../interfaces/IWebhook';
+import { State } from '../../reducers/rootReducer';
+
+export const WEBHOOKS_REQUEST_START = 'WEBHOOKS_REQUEST_START';
+interface WebhooksRequestStartAction {
+  type: typeof WEBHOOKS_REQUEST_START;
+}
+
+export const WEBHOOKS_REQUEST_SUCCESS = 'WEBHOOKS_REQUEST_SUCCESS';
+interface WebhooksRequestSuccessAction {
+  type: typeof WEBHOOKS_REQUEST_SUCCESS;
+  webhooks: Array<IWebhookJSON>;
+}
+
+export const WEBHOOKS_REQUEST_FAILURE = 'WEBHOOKS_REQUEST_FAILURE';
+interface WebhooksRequestFailureAction {
+  type: typeof WEBHOOKS_REQUEST_FAILURE;
+  error: string;
+}
+
+export type WebhooksRequestActionTypes =
+  WebhooksRequestStartAction |
+  WebhooksRequestSuccessAction |
+  WebhooksRequestFailureAction;
+
+
+const webhooksRequestStart = (): WebhooksRequestActionTypes => ({
+  type: WEBHOOKS_REQUEST_START,
+});
+
+const webhooksRequestSuccess = (
+  webhooks: Array<IWebhookJSON>
+): WebhooksRequestActionTypes => ({
+  type: WEBHOOKS_REQUEST_SUCCESS,
+  webhooks,
+});
+
+const webhooksRequestFailure = (error: string): WebhooksRequestActionTypes => ({
+  type: WEBHOOKS_REQUEST_FAILURE,
+  error,
+});
+
+export const requestWebhooks = (): ThunkAction<void, State, null, Action<string>> => (
+  async (dispatch) => {
+    dispatch(webhooksRequestStart());
+
+    try {
+      const response = await fetch('/webhooks');
+      const json = await response.json();
+
+      dispatch(webhooksRequestSuccess(json));
+    } catch (e) {
+      dispatch(webhooksRequestFailure(e));
+    }
+  }
+)
--- a/app/javascript/actions/Webhook/submitWebhook.ts
+++ b/app/javascript/actions/Webhook/submitWebhook.ts
@@ -0,0 +1,78 @@
+import { Action } from "redux";
+import { ThunkAction } from "redux-thunk";
+
+import { IWebhook, IWebhookJSON, webhookJS2JSON } from "../../interfaces/IWebhook";
+import { State } from "react-joyride";
+import buildRequestHeaders from "../../helpers/buildRequestHeaders";
+import HttpStatus from "../../constants/http_status";
+
+export const WEBHOOK_SUBMIT_START = 'WEBHOOK_SUBMIT_START';
+interface WebhookSubmitStartAction {
+  type: typeof WEBHOOK_SUBMIT_START;
+}
+
+export const WEBHOOK_SUBMIT_SUCCESS = 'WEBHOOK_SUBMIT_SUCCESS';
+interface WebhookSubmitSuccessAction {
+  type: typeof WEBHOOK_SUBMIT_SUCCESS;
+  webhook: IWebhookJSON;
+}
+
+export const WEBHOOK_SUBMIT_FAILURE = 'WEBHOOK_SUBMIT_FAILURE';
+interface WebhookSubmitFailureAction {
+  type: typeof WEBHOOK_SUBMIT_FAILURE;
+  error: string;
+}
+
+export type WebhookSubmitActionTypes =
+  WebhookSubmitStartAction |
+  WebhookSubmitSuccessAction |
+  WebhookSubmitFailureAction;
+
+const webhookSubmitStart = (): WebhookSubmitStartAction => ({
+  type: WEBHOOK_SUBMIT_START,
+});
+
+const webhookSubmitSuccess = (
+  webhookJSON: IWebhookJSON,
+): WebhookSubmitSuccessAction => ({
+  type: WEBHOOK_SUBMIT_SUCCESS,
+  webhook: webhookJSON,
+});
+
+const webhookSubmitFailure = (error: string): WebhookSubmitFailureAction => ({
+  type: WEBHOOK_SUBMIT_FAILURE,
+  error,
+});
+
+export const submitWebhook = (
+  webhook: IWebhook,
+  authenticityToken: string,
+): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
+  dispatch(webhookSubmitStart());
+
+  try {
+    const res = await fetch(`/webhooks`, {
+      method: 'POST',
+      headers: buildRequestHeaders(authenticityToken),
+      body: JSON.stringify({
+        webhook: {
+          ...webhookJS2JSON(webhook),
+          is_enabled: false,
+        },
+      }),
+    });
+    const json = await res.json();
+
+    if (res.status === HttpStatus.Created) {
+      dispatch(webhookSubmitSuccess(json));
+    } else {
+      dispatch(webhookSubmitFailure(json.error));
+    }
+
+    return Promise.resolve(res);
+  } catch (e) {
+    dispatch(webhookSubmitFailure(e));
+
+    return Promise.resolve(null);
+  }
+};
--- a/app/javascript/actions/Webhook/updateWebhook.ts
+++ b/app/javascript/actions/Webhook/updateWebhook.ts
@@ -0,0 +1,96 @@
+import { Action } from "redux";
+import { ThunkAction } from "redux-thunk";
+
+import HttpStatus from "../../constants/http_status";
+import buildRequestHeaders from "../../helpers/buildRequestHeaders";
+import { State } from "../../reducers/rootReducer";
+import { IWebhookJSON } from "../../interfaces/IWebhook";
+import { ISiteSettingsWebhookFormUpdate } from "../../components/SiteSettings/Webhooks/WebhookForm";
+
+export const WEBHOOK_UPDATE_START = 'WEBHOOK_UPDATE_START';
+interface WebhookUpdateStartAction {
+  type: typeof WEBHOOK_UPDATE_START;
+}
+
+export const WEBHOOK_UPDATE_SUCCESS = 'WEBHOOK_UPDATE_SUCCESS';
+interface WebhookUpdateSuccessAction {
+  type: typeof WEBHOOK_UPDATE_SUCCESS;
+  webhook: IWebhookJSON;
+}
+
+export const WEBHOOK_UPDATE_FAILURE = 'WEBHOOK_UPDATE_FAILURE';
+interface WebhookUpdateFailureAction {
+  type: typeof WEBHOOK_UPDATE_FAILURE;
+  error: string;
+}
+
+export type WebhookUpdateActionTypes =
+  WebhookUpdateStartAction |
+  WebhookUpdateSuccessAction |
+  WebhookUpdateFailureAction;
+
+const webhookUpdateStart = (): WebhookUpdateStartAction => ({
+  type: WEBHOOK_UPDATE_START,
+});
+
+const webhookUpdateSuccess = (
+  webhookJSON: IWebhookJSON,
+): WebhookUpdateSuccessAction => ({
+  type: WEBHOOK_UPDATE_SUCCESS,
+  webhook: webhookJSON,
+});
+
+const webhookUpdateFailure = (error: string): WebhookUpdateFailureAction => ({
+  type: WEBHOOK_UPDATE_FAILURE,
+  error,
+});
+
+interface UpdateWebhookParams {
+  id: number;
+  form?: ISiteSettingsWebhookFormUpdate;
+  isEnabled?: boolean;
+  authenticityToken: string;
+}
+
+export const updateWebhook = ({
+  id,
+  form = null,
+  isEnabled = null,
+  authenticityToken,
+}: UpdateWebhookParams): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
+  dispatch(webhookUpdateStart());
+
+  const webhook = Object.assign({},
+    form !== null ? {
+      name: form.name,
+      description: form.description,
+      trigger: form.trigger,
+      http_method: form.httpMethod,
+      url: form.url,
+      http_body: form.httpBody,
+      http_headers: form.httpHeaders,
+    } : null,
+    isEnabled !== null ? { is_enabled: isEnabled } : null,
+  );
+
+  try {
+    const res = await fetch(`/webhooks/${id}`, {
+      method: 'PATCH',
+      headers: buildRequestHeaders(authenticityToken),
+      body: JSON.stringify({ webhook }),
+    });
+    const json = await res.json();
+
+    if (res.status === HttpStatus.OK) {
+      dispatch(webhookUpdateSuccess(json));
+    } else {
+      dispatch(webhookUpdateFailure(json.error));
+    }
+
+    return Promise.resolve(res);
+  } catch (e) {
+    dispatch(webhookUpdateFailure(e));
+
+    return Promise.resolve(null);
+  }
+};
--- a/app/javascript/components/Board/NewPostForm.tsx
+++ b/app/javascript/components/Board/NewPostForm.tsx
@@ -3,6 +3,7 @@ import I18n from 'i18n-js';

 import Button from '../common/Button';
 import { SmallMutedText } from '../common/CustomTexts';
+import { MarkdownIcon } from '../common/Icons';

 interface Props {
  title: string;
@@ -93,6 +94,9 @@ const NewPostForm = ({
          className="form-control"
          id="postDescription"
        ></textarea>
+        <div style={{position: 'relative', width: 0, height: 0}}>
+          <MarkdownIcon style={{position: 'absolute', left: '6px', top: '-28px'}} />
+        </div>
      </div>

      <Button onClick={e => handleSubmit(e)} className="submitBtn d-block mx-auto">
--- a/app/javascript/components/Comments/CommentEditForm.tsx
+++ b/app/javascript/components/Comments/CommentEditForm.tsx
@@ -3,7 +3,7 @@ import I18n from 'i18n-js';
 import Button from '../common/Button';
 import Switch from '../common/Switch';
 import ActionLink from '../common/ActionLink';
-import { CancelIcon } from '../common/Icons';
+import { CancelIcon, MarkdownIcon } from '../common/Icons';

 interface Props {
  id: number;
@@ -55,13 +55,19 @@ class CommentEditForm extends React.Component<Props, State> {

    return (
      <div className="editCommentForm">
-        <textarea
-          value={body}
-          onChange={e => this.handleCommentBodyChange(e.target.value)}
-          rows={3}
-          autoFocus
-          className="commentForm"
-        />
+        
+        <div className="commentFormContainer">
+          <textarea
+            value={body}
+            onChange={e => this.handleCommentBodyChange(e.target.value)}
+            rows={3}
+            autoFocus
+            className="commentForm"
+          />
+          <div style={{position: 'relative', width: 0, height: 0}}>
+            <MarkdownIcon style={{position: 'absolute', left: '6px', top: '-36px'}} />
+          </div>
+        </div>

        <div>
          <div>
--- a/app/javascript/components/Comments/NewComment.tsx
+++ b/app/javascript/components/Comments/NewComment.tsx
@@ -7,6 +7,7 @@ import NewCommentUpdateSection from './NewCommentUpdateSection';
 import Button from '../common/Button';
 import Spinner from '../common/Spinner';
 import { DangerText } from '../common/CustomTexts';
+import { MarkdownIcon } from '../common/Icons';

 interface Props {
  body: string;
@@ -48,13 +49,20 @@ const NewComment = ({
          <>
            <div className="commentBodyForm">
              <Gravatar email={userEmail} size={48} className="currentUserAvatar" />
-              <textarea
-                value={body}
-                onChange={handleChange}
-                autoFocus={parentId != null}
-                placeholder={I18n.t('post.new_comment.body_placeholder')}
-                className="commentForm"
-              />
+              
+              <div style={{width: '100%', marginRight: '8px'}}>
+                <textarea
+                  value={body}
+                  onChange={handleChange}
+                  autoFocus={parentId != null}
+                  placeholder={I18n.t('post.new_comment.body_placeholder')}
+                  className="commentForm"
+                />
+                <div style={{position: 'relative', width: 0, height: 0}}>
+                  <MarkdownIcon style={{position: 'absolute', left: '6px', top: '-28px'}} />
+                </div>
+              </div>
+              
              <Button
                onClick={() => handleSubmit(body, parentId, postUpdateFlagValue)}
                className="submitCommentButton">
--- a/app/javascript/components/SiteSettings/Authentication/AuthenticationFormPage.tsx
+++ b/app/javascript/components/SiteSettings/Authentication/AuthenticationFormPage.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import I18n from 'i18n-js';

 import Box from '../../common/Box';
 import { AuthenticationPages } from './AuthenticationSiteSettingsP';
--- a/app/javascript/components/SiteSettings/Authentication/AuthenticationIndexPage.tsx
+++ b/app/javascript/components/SiteSettings/Authentication/AuthenticationIndexPage.tsx
@@ -79,7 +79,7 @@ const AuthenticationIndexPage = ({
        <h2>{ I18n.t('site_settings.authentication.title') }</h2>

        <div className="emailRegistrationPolicy">
-          <h3>{ I18n.t('site_settings.authentication.email_registration_subtitle') }</h3>
+          <h4>{ I18n.t('site_settings.authentication.email_registration_subtitle') }</h4>

          <form onSubmit={handleSubmit(onSubmit)} onChange={handleSubmit(onSubmit)}>
            <div className="formGroup">
--- a/app/javascript/components/SiteSettings/Authentication/OAuthForm.tsx
+++ b/app/javascript/components/SiteSettings/Authentication/OAuthForm.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import I18n from 'i18n-js';
 import { SubmitHandler, useForm } from 'react-hook-form';
+
 import { DangerText } from '../../common/CustomTexts';
 import { getLabel, getValidationMessage } from '../../../helpers/formUtils';
 import Button from '../../common/Button';
@@ -102,6 +103,7 @@ const OAuthForm = ({
    >
      {I18n.t('common.buttons.back')}
    </ActionLink>
+    
    <h2>{ I18n.t(`site_settings.authentication.form.title_${page}`) }</h2>
    <form onSubmit={handleSubmit(onSubmit)}>
      <div className="formRow">
--- a/app/javascript/components/SiteSettings/Authentication/OAuthProvidersList.tsx
+++ b/app/javascript/components/SiteSettings/Authentication/OAuthProvidersList.tsx
@@ -27,7 +27,7 @@ const OAuthProvidersList = ({
 }: Props) => (
  <>
    <div className="oauthProvidersTitle">
-      <h3>{ I18n.t('site_settings.authentication.oauth_subtitle') }</h3>
+      <h4>{ I18n.t('site_settings.authentication.oauth_subtitle') }</h4>
      <Button onClick={() => setPage('new')}>
        { I18n.t('common.buttons.new') }
      </Button>
--- a/app/javascript/components/SiteSettings/Boards/BoardForm.tsx
+++ b/app/javascript/components/SiteSettings/Boards/BoardForm.tsx
@@ -4,6 +4,7 @@ import I18n from 'i18n-js';

 import Button from '../../common/Button';
 import { DangerText } from '../../common/CustomTexts';
+import { MarkdownIcon } from '../../common/Icons';

 interface Props {
  mode: 'create' | 'update';
@@ -95,11 +96,17 @@ const BoardForm = ({
        </Button>
      </div>
      
-      <textarea
-        {...register('description')}
-        placeholder={I18n.t('site_settings.boards.form.description')}
-        className="boardDescriptionTextArea formControl"
-      />
+      <div>
+        <textarea
+          {...register('description')}
+          placeholder={I18n.t('site_settings.boards.form.description')}
+          className="boardDescriptionTextArea formControl"
+        />
+        <div style={{position: 'relative', width: 0, height: 0}}>
+          <MarkdownIcon style={{position: 'absolute', left: '6px', top: '-28px'}} />
+        </div>
+      </div>
+      

      {mode === 'update' && (
        <>
--- a/app/javascript/components/SiteSettings/Roadmap/RoadmapEmbedding.tsx
+++ b/app/javascript/components/SiteSettings/Roadmap/RoadmapEmbedding.tsx
@@ -50,6 +50,7 @@ const RoadmapEmbedding: React.FC<Props> = ({ embeddedRoadmapUrl }) => {
        onChange={event => setEmbedCode(event.target.value)}
        rows={5}
        id="roadmapEmbedCode"
+        className="formControl"
      >
      </textarea>

--- a/app/javascript/components/SiteSettings/Webhooks/TemplateVariablesSelector.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/TemplateVariablesSelector.tsx
@@ -0,0 +1,241 @@
+import React, { useState } from 'react';
+import I18n from 'i18n-js';
+import Select from 'react-select';
+
+// To keep in sync with app/workflows/create_liquid_template_context_workflow.rb
+
+const tenantOptions = [
+  { value: '{{ tenant.site_name }}', label: 'Feedback space name' },
+  { value: '{{ tenant.subdomain }}', label: 'Feedback space subdomain' },
+  { value: '{{ tenant.custom_domain }}', label: 'Feedback space custom domain' },
+];
+
+const boardOptions = [
+  { value: '{{ board.id }}', label: 'Board ID' },
+  { value: '{{ board.name }}', label: 'Board name' },
+  { value: '{{ board.description }}', label: 'Board description' },
+  { value: '{{ board.slug }}', label: 'Board slug' },
+  { value: '{{ board.created_at }}', label: 'Board created at datetime' },
+  { value: '{{ board.updated_at }}', label: 'Board updated at datetime' },
+];
+
+const postStatusOptions = [
+  { value: '{{ post_status.id }}', label: 'Post status ID' },
+  { value: '{{ post_status.name }}', label: 'Post status name' },
+  { value: '{{ post_status.color }}', label: 'Post status color' },
+  { value: '{{ post_status.show_in_roadmap }}', label: 'Post status show in roadmap flag' },
+  { value: '{{ post_status.created_at }}', label: 'Post status created at datetime' },
+  { value: '{{ post_status.updated_at }}', label: 'Post status updated at datetime' },
+];
+
+const userOptions = (userKeyValue: string, userKeyLabel: string) => [
+  { value: `{{ ${userKeyValue}.id }}`, label: `${userKeyLabel} ID` },
+  { value: `{{ ${userKeyValue}.email }}`, label: `${userKeyLabel} email` },
+  { value: `{{ ${userKeyValue}.full_name }}`, label: `${userKeyLabel} full name` },
+  { value: `{{ ${userKeyValue}.role }}`, label: `${userKeyLabel} role` },
+  { value: `{{ ${userKeyValue}.status }}`, label: `${userKeyLabel} status` },
+  { value: `{{ ${userKeyValue}.created_at }}`, label: `${userKeyLabel} created at datetime` },
+  { value: `{{ ${userKeyValue}.updated_at }}`, label: `${userKeyLabel} updated at datetime` },
+];
+
+const postOptions = [
+  { value: '{{ post.id }}', label: 'Post ID' },
+  { value: '{{ post.title }}', label: 'Post title' },
+  { value: '{{ post.description }}', label: 'Post description' },
+  { value: '{{ post.slug }}', label: 'Post slug' },
+  { value: '{{ post.created_at }}', label: 'Post created at datetime' },
+  { value: '{{ post.updated_at }}', label: 'Post updated at datetime' },
+  { value: '{{ post.url }}', label: 'Post URL' },
+];
+
+const commentOptions = [
+  { value: '{{ comment.id }}', label: 'Comment ID' },
+  { value: '{{ comment.body }}', label: 'Comment body' },
+  { value: '{{ comment.created_at }}', label: 'Comment created at datetime' },
+  { value: '{{ comment.updated_at }}', label: 'Comment updated at datetime' },
+];
+
+const optionsByWebhookTrigger = {
+  'new_post': [
+    ...postOptions,
+    ...userOptions('post_author', 'Post author'),
+    ...boardOptions,
+    ...tenantOptions,
+  ],
+  'new_post_pending_approval': [
+    ...postOptions,
+    ...userOptions('post_author', 'Post author'),
+    ...boardOptions,
+    ...tenantOptions,
+  ],
+  'delete_post': [
+    // only post.id is available on delete_post
+    postOptions.find(option => option.value === '{{ post.id }}'),
+    ...tenantOptions,
+  ],
+  'post_status_change': [
+    ...postOptions,
+    ...userOptions('post_author', 'Post author'),
+    ...boardOptions,
+    ...postStatusOptions,
+    ...tenantOptions,
+  ],
+  'new_comment': [
+    ...commentOptions,
+    ...userOptions('comment_author', 'Comment author'),
+    ...postOptions,
+    ...userOptions('post_author', 'Post author'),
+    ...boardOptions,
+    ...tenantOptions,
+  ],
+  'new_vote': [
+    ...userOptions('vote_author', 'Vote author'),
+    ...postOptions,
+    ...userOptions('post_author', 'Post author'),
+    ...boardOptions,
+    ...tenantOptions,
+  ],
+  'new_user': [
+    ...userOptions('user', 'User'),
+    ...tenantOptions,
+  ],
+};
+
+// Non-exhaustive list of Liquid tags
+const liquidTagsOptions = {
+  label: 'Liquid tags',
+  options: [
+    { value: '{% if <condition> %}\n\n{% endif %}', label: 'If condition' },
+    { value: '{% for <item> in <collection> %}\n\n{% endfor %}', label: 'For loop' },
+    { value: '{% tablerow <item> in <collection> %}\n\n{% endtablerow %}', label: 'Tablerow loop' },
+    { value: '{% assign <variable> = <value> %}', label: 'Assign variable' },
+  ]
+};
+
+// Non-exhaustive list of Liquid filters
+const liquidFiltersOptions = {
+  label: 'Liquid filters',
+  options: [
+    { value: ' | abs', label: 'Absolute value' },
+    { value: ' | append: <value>', label: 'Append' },
+    { value: ' | capitalize', label: 'Capitalize' },
+    { value: ' | ceil', label: 'Ceil' },
+    { value: ' | compact', label: 'Compact' },
+    { value: ' | concat: <array>', label: 'Concat' },
+    { value: ' | date: <format>', label: 'Date' },
+    { value: ' | default: <value>', label: 'Default' },
+    { value: ' | divided_by: <value>', label: 'Divided by' },
+    { value: ' | downcase', label: 'Downcase' },
+    { value: ' | escape', label: 'Escape' },
+    { value: ' | escape_once', label: 'Escape once' },
+    { value: ' | first', label: 'First' },
+    { value: ' | floor', label: 'Floor' },
+    { value: ' | join: <value>', label: 'Join' },
+    { value: ' | last', label: 'Last' },
+    { value: ' | lstrip', label: 'Lstrip' },
+    { value: ' | map: <value>', label: 'Map' },
+    { value: ' | minus: <value>', label: 'Minus' },
+    { value: ' | modulo: <value>', label: 'Modulo' },
+    { value: ' | newline_to_br', label: 'Newline to br' },
+    { value: ' | plus: <value>', label: 'Plus' },
+    { value: ' | prepend: <value>', label: 'Prepend' },
+    { value: ' | remove: <value>', label: 'Remove' },
+    { value: ' | remove_first: <value>', label: 'Remove first' },
+    { value: ' | replace: <value>, <new_value>', label: 'Replace' },
+    { value: ' | replace_first: <value>, <new_value>', label: 'Replace first' },
+    { value: ' | replace_last: <value>, <new_value>', label: 'Replace last' },
+    { value: ' | reverse', label: 'Reverse' },
+    { value: ' | round', label: 'Round' },
+    { value: ' | rstrip', label: 'Rstrip' },
+    { value: ' | size', label: 'Size' },
+    { value: ' | slice: <value>', label: 'Slice' },
+    { value: ' | sort', label: 'Sort' },
+    { value: ' | sort_natural', label: 'Sort natural' },
+    { value: ' | split: <value>', label: 'Split' },
+    { value: ' | strip', label: 'Strip' },
+    { value: ' | strip_html', label: 'Strip html' },
+    { value: ' | strip_newlines', label: 'Strip newlines' },
+    { value: ' | times: <value>', label: 'Times' },
+    { value: ' | truncate: <value>', label: 'Truncate' },
+    { value: ' | truncatewords: <value>', label: 'Truncate words' },
+    { value: ' | uniq', label: 'Uniq' },
+    { value: ' | upcase', label: 'Upcase' },
+    { value: ' | url_decode', label: 'Url decode' },
+    { value: ' | url_encode', label: 'Url encode' },
+    { value: ' | where: <value>', label: 'Where' },
+  ]
+};
+
+// Custom Liquid filters
+const customLiquidFiltersOptions = {
+  label: 'Custom Liquid filters',
+  options: [
+    { value: ' | escape_json', label: 'Escape JSON' },
+  ]
+};
+
+interface Props {
+  webhookTrigger: string;
+  onChange: (option: any) => void;
+}
+
+const TemplateVariablesSelector = ({
+  webhookTrigger,
+  onChange,
+}: Props) => {
+  const options = [
+    {
+      label: 'Astuto variables',
+      options: optionsByWebhookTrigger[webhookTrigger] || [],
+    },
+    {
+      label: 'Liquid tags',
+      options: liquidTagsOptions.options,
+    },
+    {
+      label: 'Liquid filters',
+      options: liquidFiltersOptions.options,
+    },
+    {
+      label: 'Custom Liquid filters',
+      options: customLiquidFiltersOptions.options,
+    },
+  ];
+  const [selectedOption, setSelectedOption] = useState(null);
+
+  const handleChange = (option) => {
+    onChange(option.value);
+
+    // Reset the selection
+    setSelectedOption(null);
+  };
+
+  return (
+    <Select
+      options={options}
+      value={selectedOption}
+      onChange={handleChange}
+      isClearable={false}
+      isSearchable
+      placeholder={I18n.t('site_settings.webhooks.form.template_variables_selector_placeholder')}
+      styles={{
+        control: (provided, state) => ({
+          ...provided,
+          boxShadow: 'none',
+          borderColor: state.isFocused ? '#333333' : '#cdcdcd',
+          '&:hover': {
+            boxShadow: 'none',
+            borderColor: '#333333',
+          },
+        }),
+        option: (provided, state) => ({
+          ...provided,
+          color: 'inherit',
+          backgroundColor: state.isFocused ? '#f2f2f2' : 'white',
+        }),
+      }}
+    />
+  );
+};
+
+export default TemplateVariablesSelector;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhookForm.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhookForm.tsx
@@ -0,0 +1,415 @@
+import * as React from 'react';
+import I18n from 'i18n-js';
+import { SubmitHandler, useFieldArray, useForm } from 'react-hook-form';
+
+import { IWebhook, WEBHOOK_HTTP_METHOD_DELETE, WEBHOOK_HTTP_METHOD_PATCH, WEBHOOK_HTTP_METHOD_POST, WEBHOOK_HTTP_METHOD_PUT, WEBHOOK_TRIGGER_DELETED_POST, WEBHOOK_TRIGGER_NEW_COMMENT, WEBHOOK_TRIGGER_NEW_POST, WEBHOOK_TRIGGER_NEW_POST_PENDING_APPROVAL, WEBHOOK_TRIGGER_NEW_USER, WEBHOOK_TRIGGER_NEW_VOTE, WEBHOOK_TRIGGER_POST_STATUS_CHANGE, WebhookHttpMethod, WebhookTrigger } from '../../../interfaces/IWebhook';
+import { WebhookPages } from './WebhooksSiteSettingsP';
+import ActionLink from '../../common/ActionLink';
+import { AddIcon, BackIcon, DeleteIcon, LiquidIcon, PreviewIcon } from '../../common/Icons';
+import { getLabel, getValidationMessage } from '../../../helpers/formUtils';
+import { DangerText } from '../../common/CustomTexts';
+import Button from '../../common/Button';
+import { URL_REGEX_WHITESPACE_ALLOWED } from '../../../constants/regex';
+import Spinner from '../../common/Spinner';
+import buildRequestHeaders from '../../../helpers/buildRequestHeaders';
+import HttpStatus from '../../../constants/http_status';
+import { useRef, useState } from 'react';
+import TemplateVariablesSelector from './TemplateVariablesSelector';
+
+interface Props {
+  isSubmitting: boolean;
+  submitError: string;
+
+  selectedWebhook: IWebhook;
+  page: WebhookPages;
+  setPage: React.Dispatch<React.SetStateAction<WebhookPages>>;
+
+  handleSubmitWebhook(webhook: IWebhook): void;
+  handleUpdateWebhook(id: number, form: ISiteSettingsWebhookFormUpdate): void;
+
+  authenticityToken: string;
+}
+
+interface ISiteSettingsWebhookFormBase {
+  name: string;
+  description: string;
+  trigger: string;
+  url: string;
+  httpBody: string;
+  httpMethod: string;
+}
+
+interface ISiteSettingsWebhookForm extends ISiteSettingsWebhookFormBase {
+  httpHeaders: Array<{ key: string, value: string }>;
+}
+
+export interface ISiteSettingsWebhookFormUpdate extends ISiteSettingsWebhookFormBase {
+  httpHeaders: string;
+}
+
+// This method tries to parse httpHeaders JSON, otherwise returns [{ key: '', value: '' }]
+const parseHttpHeaders = (httpHeaders: string) => {
+  try {
+    return JSON.parse(httpHeaders);
+  } catch (e) {
+    return [{ key: '', value: '' }];
+  }
+}
+
+const WebhookFormPage = ({
+  isSubmitting,
+  submitError,
+  selectedWebhook,
+  page,
+  setPage,
+  handleSubmitWebhook,
+  handleUpdateWebhook,
+  authenticityToken,
+}: Props) => {
+  const {
+    register,
+    handleSubmit,
+    control,
+    formState: { errors, isDirty },
+    watch,
+    getValues,
+    setValue,
+  } = useForm<ISiteSettingsWebhookForm>({
+    defaultValues: page === 'new' ? {
+      name: '',
+      description: '',
+      trigger: WEBHOOK_TRIGGER_NEW_POST,
+      url: '',
+      httpBody: '',
+      httpMethod: WEBHOOK_HTTP_METHOD_POST,
+      httpHeaders: [{ key: '', value: '' }],
+    } : {
+      name: selectedWebhook.name,
+      description: selectedWebhook.description,
+      trigger: selectedWebhook.trigger,
+      url: selectedWebhook.url,
+      httpBody: selectedWebhook.httpBody,
+      httpMethod: selectedWebhook.httpMethod,
+      httpHeaders: parseHttpHeaders(selectedWebhook.httpHeaders),
+    }
+  });
+
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: 'httpHeaders', // The name of the httpHeaders field
+  });
+
+  const onSubmit: SubmitHandler<ISiteSettingsWebhookForm> = data => {
+    // Remove empty headers
+    let httpHeaders = data.httpHeaders.filter(header => header.key !== '' && header.value !== '');
+    
+    const webhook = {
+      isEnabled: false,
+      name: data.name,
+      description: data.description,
+      trigger: data.trigger as WebhookTrigger,
+      url: data.url.replace(/\s/g, ''),
+      httpBody: data.httpBody,
+      httpMethod: data.httpMethod as WebhookHttpMethod,
+      httpHeaders: JSON.stringify(httpHeaders),
+    };
+    
+    if (page === 'new') {
+      handleSubmitWebhook(webhook);
+    } else if (page === 'edit') {
+      handleUpdateWebhook(selectedWebhook.id, webhook);
+    }
+  };
+
+  const trigger = watch('trigger');
+  const url = watch('url');
+  const httpBody = watch('httpBody');
+
+  const httpBodyTextAreaRef = useRef(null);
+  const [cursorPosition, setCursorPosition] = React.useState(0);
+
+  const handleCursorPosition = e => {
+    setCursorPosition(e.target.selectionStart);
+  };
+
+  // Insert custom string at the last cursor position
+  const insertString = (stringToInsert: string) => {
+    const currentValue = getValues('httpBody'); // Get the current textarea value
+    const start = currentValue.slice(0, cursorPosition);
+    const end = currentValue.slice(cursorPosition);
+    const newValue = start + stringToInsert + end;
+
+    // Update textarea value with react-hook-form
+    setValue('httpBody', newValue, { shouldDirty: true });
+    setIsPreviewOutdated(true);
+
+    // Update cursor position after the custom string
+    const newCursorPosition = cursorPosition + stringToInsert.length;
+    setCursorPosition(newCursorPosition);
+
+    // Update the DOM to reflect the cursor position
+    if (httpBodyTextAreaRef.current) {
+      setTimeout(() => {
+        httpBodyTextAreaRef.current.setSelectionRange(newCursorPosition, newCursorPosition);
+        httpBodyTextAreaRef.current.focus();
+      }, 0);
+    }
+  };
+
+  // State for URL and body preview
+  const [isPreviewVisible, setIsPreviewVisible] = useState(false);
+  const [previewContent, setPreviewContent] = useState('');
+  const [isPreviewOutdated, setIsPreviewOutdated] = useState(true);
+
+  return (
+    <>
+    <ActionLink
+      onClick={() => {
+        let confirmation = true;
+        if (isDirty)
+          confirmation = confirm(I18n.t('common.unsaved_changes') + ' ' + I18n.t('common.confirmation'));
+        if (confirmation) setPage('index');
+      }}
+      icon={<BackIcon />}
+      customClass="backButton"
+    >
+      {I18n.t('common.buttons.back')}
+    </ActionLink>
+
+    <h2>{ I18n.t(`site_settings.webhooks.form.title_${page}`) }</h2>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <div className="formRow">
+        <div className="formGroup col-6">
+          <label htmlFor="name">{ getLabel('webhook', 'name') }</label>
+          <input
+            {...register('name', { required: true, maxLength: 255 })}
+            id="name"
+            className="formControl"
+          />
+          <DangerText>{errors.name?.type === 'required' && getValidationMessage(errors.name.type, 'webhook', 'name')}</DangerText>
+          <DangerText>{errors.name?.type === 'maxLength' && (getLabel('webhook', 'name') + ' ' + I18n.t('activerecord.errors.messages.too_long', { count: 255 }))}</DangerText>
+        </div>
+
+        <div className="formGroup col-6">
+          <label htmlFor="description">{ getLabel('webhook', 'description') }</label>
+          <input
+            {...register('description', { maxLength: 255 })}
+            id="description"
+            className="formControl"
+          />
+          <DangerText>{errors.description?.type === 'maxLength' && (getLabel('webhook', 'description') + ' ' + I18n.t('activerecord.errors.messages.too_long', { count: 255 }))}</DangerText>
+        </div>
+      </div>
+
+      <div className="formGroup">
+        <label htmlFor="trigger">{ getLabel('webhook', 'trigger') }</label>
+        <select
+          {...register('trigger')}
+          id="trigger"
+          className="selectPicker"
+        >
+          <option value={WEBHOOK_TRIGGER_NEW_POST}>
+            {I18n.t('site_settings.webhooks.triggers.new_post')}
+          </option>
+          <option value={WEBHOOK_TRIGGER_NEW_POST_PENDING_APPROVAL}>
+            {I18n.t('site_settings.webhooks.triggers.new_post_pending_approval')}
+          </option>
+          <option value={WEBHOOK_TRIGGER_DELETED_POST}>
+            {I18n.t('site_settings.webhooks.triggers.delete_post')}
+          </option>
+          <option value={WEBHOOK_TRIGGER_POST_STATUS_CHANGE}>
+            {I18n.t('site_settings.webhooks.triggers.post_status_change')}
+          </option>
+          <option value={WEBHOOK_TRIGGER_NEW_COMMENT}>
+            {I18n.t('site_settings.webhooks.triggers.new_comment')}
+          </option>
+          <option value={WEBHOOK_TRIGGER_NEW_VOTE}>
+            {I18n.t('site_settings.webhooks.triggers.new_vote')}
+          </option>
+          <option value={WEBHOOK_TRIGGER_NEW_USER}>
+            {I18n.t('site_settings.webhooks.triggers.new_user')}
+          </option>
+        </select>
+        <DangerText>{errors.trigger && getValidationMessage(errors.trigger.type, 'webhook', 'trigger')}</DangerText>
+      </div>
+
+      <div className="formRow">
+        <div className="formGroup col-3">
+          <label htmlFor="httpMethod">{ getLabel('webhook', 'http_method') }</label>
+          <select
+            {...register('httpMethod')}
+            id="httpMethod"
+            className="selectPicker"
+          >
+            <option value={WEBHOOK_HTTP_METHOD_POST}>
+              {I18n.t('site_settings.webhooks.http_methods.post')}
+            </option>
+            <option value={WEBHOOK_HTTP_METHOD_PUT}>
+              {I18n.t('site_settings.webhooks.http_methods.put')}
+            </option>
+            <option value={WEBHOOK_HTTP_METHOD_PATCH}>
+              {I18n.t('site_settings.webhooks.http_methods.patch')}
+            </option>
+            <option value={WEBHOOK_HTTP_METHOD_DELETE}>
+              {I18n.t('site_settings.webhooks.http_methods.delete')}
+            </option>
+          </select>
+        </div>
+
+        <div className="formGroup col-9">
+          <label htmlFor="url">
+            { getLabel('webhook', 'url') }
+            &nbsp;
+            { <LiquidIcon /> }
+          </label>
+          <input
+            {...register('url', {
+              required: true,
+              pattern: URL_REGEX_WHITESPACE_ALLOWED,
+              onChange: () => setIsPreviewOutdated(true),
+            })}
+            autoComplete="off"
+            id="url"
+            className="formControl"
+          />
+          <DangerText>{errors.url?.type === 'required' && getValidationMessage(errors.url.type, 'webhook', 'url')}</DangerText>
+          <DangerText>{errors.url?.type === 'pattern' && I18n.t('common.validations.url')}</DangerText>
+        </div>
+      </div>
+
+      <div className="formGroup">
+        <label htmlFor="httpBody">
+          { getLabel('webhook', 'http_body') }
+          &nbsp;
+          { <LiquidIcon /> }
+        </label>
+        <textarea
+          {...register('httpBody', {
+            onChange: () => setIsPreviewOutdated(true)
+          })}
+          ref={(e) => {
+            register('httpBody').ref(e); // Combine react-hook-form's ref with custom ref
+            httpBodyTextAreaRef.current = e; // Store a local reference
+          }}
+          onClick={handleCursorPosition}
+          onKeyUp={handleCursorPosition}
+          id="httpBody"
+          className="formControl"
+        />
+
+        <div className="httpBodyActions">
+          <TemplateVariablesSelector webhookTrigger={trigger} onChange={insertString} />
+
+          <ActionLink
+            icon={<PreviewIcon />}
+            onClick={async () => {
+              if ((url === '' && httpBody === '') || !isPreviewOutdated) return;
+
+              const res = await fetch(`/webhooks_preview`, {
+                method: 'PUT',
+                headers: buildRequestHeaders(authenticityToken),
+                body: JSON.stringify({
+                  webhook: {
+                    trigger: trigger,
+                    url: url,
+                    http_body: httpBody,
+                  }
+                }),
+              });
+
+              const json = await res.json();
+
+              if (res.status === HttpStatus.OK) {
+                setPreviewContent(
+                  getLabel('webhook', 'url') + ":\n" +
+                  json.url_preview + "\n\n" +
+                  getLabel('webhook', 'http_body') + ":\n" +
+                  json.http_body_preview
+                );
+              } else {
+                setPreviewContent(
+                  I18n.t('site_settings.webhooks.form.preview_error') + "\n" +
+                  json.error
+                )
+              }
+
+              setIsPreviewOutdated(false);
+              setIsPreviewVisible(true);
+            }}
+            disabled={(url === '' && httpBody === '') || !isPreviewOutdated}
+            customClass="previewHttpBody"
+          >
+            {I18n.t('common.buttons.preview')}
+          </ActionLink>
+        </div>
+
+        {
+          isPreviewVisible && 
+            <div className="urlAndHttpBodyPreview">
+              <label>{ I18n.t('common.buttons.preview') }</label>
+              <pre id="preview">{previewContent}</pre>
+            </div>
+        }
+      </div>
+
+      <div className="formGroup formGroupHttpHeaders">
+          {
+            fields.map((field, index) => (
+              <div className="formRow" key={field.id}>
+                <div className="formGroup col-5">
+                  <label htmlFor={`httpHeaders${index+1}Key`}>{ I18n.t('site_settings.webhooks.form.header_n_key', { n: index+1 }) }</label>
+                  <input
+                    {...register(`httpHeaders.${index}.key`, { required: (index!==0) })}
+                    id={`httpHeaders${index+1}Key`}
+                    className="formControl"
+                  />
+                  <DangerText>
+                    {errors.httpHeaders && errors.httpHeaders[index]?.key?.type === 'required' && getValidationMessage(errors.httpHeaders[index]?.key?.type, 'webhook', 'http_headers')}
+                  </DangerText>
+                </div>
+
+                <div className="formGroup col-5">
+                  <label htmlFor={`httpHeaders${index+1}Value`}>{ I18n.t('site_settings.webhooks.form.header_n_value', { n: index+1 }) }</label>
+                  <input
+                    {...register(`httpHeaders.${index}.value`, { required: (index!==0) })}
+                    autoComplete="off"
+                    id={`httpHeaders${index+1}Value`}
+                    className="formControl"
+                  />
+                  <DangerText>
+                    {errors.httpHeaders && errors.httpHeaders[index]?.value?.type === 'required' && getValidationMessage(errors.httpHeaders[index]?.value?.type, 'webhook', 'http_headers')}
+                  </DangerText>
+                </div>
+
+                <div className="formGroup col-2 deleteHeaderActionLinkContainer">
+                  <ActionLink icon={<DeleteIcon />} onClick={() => remove(index)}>
+                    {I18n.t('common.buttons.delete')}
+                  </ActionLink>
+                </div>
+              </div>
+            ))
+          }
+      </div>
+      <ActionLink icon={<AddIcon />} onClick={() => append({ key: "", value: "" })}>
+        {I18n.t('site_settings.webhooks.form.add_header')}
+      </ActionLink>
+
+      <Button onClick={() => null} type="submit" className="submitWebhookFormButton">
+        {
+          isSubmitting ?
+            <Spinner color="light" />
+          :
+          page === 'new' ?
+            I18n.t('common.buttons.create')
+          :
+            I18n.t('common.buttons.update')
+        }
+      </Button>
+    </form>
+    
+    { submitError && <p style={{marginTop: '1rem', marginBottom: '0'}}><DangerText>{submitError}</DangerText></p> }
+    </>
+  );
+}
+
+export default WebhookFormPage;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhookFormPage.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhookFormPage.tsx
@@ -0,0 +1,48 @@
+import * as React from 'react';
+
+import { WebhookPages } from './WebhooksSiteSettingsP';
+import Box from '../../common/Box';
+import { IWebhook } from '../../../interfaces/IWebhook';
+import WebhookForm, { ISiteSettingsWebhookFormUpdate } from './WebhookForm';
+
+interface Props {
+  isSubmitting: boolean;
+  submitError: string;
+
+  handleSubmitWebhook(webhook: IWebhook): void;
+  handleUpdateWebhook(id: number, form: ISiteSettingsWebhookFormUpdate): void;
+
+  selectedWebhook: IWebhook;
+  page: WebhookPages;
+  setPage: React.Dispatch<React.SetStateAction<WebhookPages>>;
+
+  authenticityToken: string;
+}
+
+const WebhookFormPage = ({
+  isSubmitting,
+  submitError,
+  handleSubmitWebhook,
+  handleUpdateWebhook,
+  selectedWebhook,
+  page,
+  setPage,
+  authenticityToken,
+}: Props) => (
+  <>
+    <Box customClass="webhookFormPage">
+      <WebhookForm
+        isSubmitting={isSubmitting}
+        submitError={submitError}
+        handleSubmitWebhook={handleSubmitWebhook}
+        handleUpdateWebhook={handleUpdateWebhook}
+        selectedWebhook={selectedWebhook}
+        page={page}
+        setPage={setPage}
+        authenticityToken={authenticityToken}
+      />
+    </Box>
+  </>
+);
+
+export default WebhookFormPage;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhookListItem.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhookListItem.tsx
@@ -0,0 +1,88 @@
+import * as React from 'react';
+import I18n from 'i18n-js';
+
+import { IWebhook } from '../../../interfaces/IWebhook';
+import { WebhookPages } from './WebhooksSiteSettingsP';
+import Switch from '../../common/Switch';
+import ActionLink from '../../common/ActionLink';
+import { DeleteIcon, EditIcon, TestIcon } from '../../common/Icons';
+import buildRequestHeaders from '../../../helpers/buildRequestHeaders';
+
+const WEBHOOK_DESCRIPTION_MAX_LENGTH = 100;
+
+interface Props {
+  webhook: IWebhook;
+
+  handleToggleEnabledWebhook: (id: number, enabled: boolean) => void;
+  handleDeleteWebhook: (id: number) => void;
+  handleTestWebhook: (id: number) => void;
+
+  setSelectedWebhook: React.Dispatch<React.SetStateAction<number>>;
+  setPage: React.Dispatch<React.SetStateAction<WebhookPages>>;
+}
+
+const WebhookListItem = ({
+  webhook,
+  handleToggleEnabledWebhook,
+  handleDeleteWebhook,
+  handleTestWebhook,
+  setSelectedWebhook,
+  setPage,
+}: Props) => (
+  <li className="webhookListItem">
+    <div className="webhookInfo">
+      <div className="webhookNameAndEnabled">
+        <div className="webhookName">{webhook.name}</div>
+
+        { webhook.description && 
+          <p className="webhookDescription">
+            {
+              webhook.description.length > WEBHOOK_DESCRIPTION_MAX_LENGTH ?
+                `${webhook.description.slice(0, WEBHOOK_DESCRIPTION_MAX_LENGTH)}...`
+              :
+                webhook.description
+            }
+          </p>
+        }
+
+        <Switch
+          label={I18n.t(`common.${webhook.isEnabled ? 'enabled' : 'disabled'}`)}
+          onClick={() => handleToggleEnabledWebhook(webhook.id, !webhook.isEnabled)}
+          checked={webhook.isEnabled}
+          htmlId={`webhook${webhook.name}EnabledSwitch`}
+        />
+      </div>
+    </div>
+
+    <div className="webhookActions">
+      <ActionLink
+        onClick={() => handleTestWebhook(webhook.id)}
+        icon={<TestIcon />}
+        customClass='testAction'
+      >
+        {I18n.t('common.buttons.test')}
+      </ActionLink>
+      
+      <ActionLink
+        onClick={() => {
+          setSelectedWebhook(webhook.id);
+          setPage('edit');
+        }}
+        icon={<EditIcon />}
+        customClass="editAction"
+      >
+        {I18n.t('common.buttons.edit')}
+      </ActionLink>
+
+      <ActionLink
+        onClick={() => confirm(I18n.t('common.confirmation')) && handleDeleteWebhook(webhook.id)}
+        icon={<DeleteIcon />}
+        customClass="deleteAction"
+      >
+        {I18n.t('common.buttons.delete')}
+      </ActionLink>
+    </div>
+  </li>
+);
+
+export default WebhookListItem;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhookTestPage.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhookTestPage.tsx
@@ -0,0 +1,84 @@
+import * as React from 'react';
+import I18n from 'i18n-js';
+
+import Box from '../../common/Box';
+import { IWebhook } from '../../../interfaces/IWebhook';
+import { WebhookPages } from './WebhooksSiteSettingsP';
+import ActionLink from '../../common/ActionLink';
+import { BackIcon, EditIcon, TestIcon } from '../../common/Icons';
+import buildRequestHeaders from '../../../helpers/buildRequestHeaders';
+import Badge, { BADGE_TYPE_DANGER, BADGE_TYPE_SUCCESS } from '../../common/Badge';
+
+interface Props {
+  selectedWebhook: IWebhook;
+  testHttpCode: number;
+  testHttpResponse: string;
+  
+  setSelectedWebhook: React.Dispatch<React.SetStateAction<number>>;
+  setPage: React.Dispatch<React.SetStateAction<WebhookPages>>;
+
+  handleTestWebhook: (id: number) => void;
+}
+
+const WebhookTestPage = ({
+  selectedWebhook,
+  testHttpCode,
+  testHttpResponse,
+  setSelectedWebhook,
+  setPage,
+  handleTestWebhook,
+}: Props) => (
+  <Box customClass="webhookTestPage">
+    <ActionLink
+      onClick={() => setPage('index') }
+      icon={<BackIcon />}
+      customClass="backButton"
+    >
+      {I18n.t('common.buttons.back')}
+    </ActionLink>
+
+    <div className="webhookTestTitle">
+      <h2>{I18n.t('site_settings.webhooks.test_page.title')}</h2>
+    </div>
+
+    <div className="webhookTestContent">
+      <div className="webhookTestInfo">
+        <p>
+          <b>{I18n.t('activerecord.models.webhook', { count: 1 })}</b>:&nbsp;
+          <span>{selectedWebhook.name}</span>
+        </p>
+        
+        <div className="webhookActions">
+          <ActionLink
+            onClick={() => handleTestWebhook(selectedWebhook.id)}
+            icon={<TestIcon />}
+            customClass='testAction'
+          >
+            {I18n.t('common.buttons.test')}
+          </ActionLink>
+          
+          <ActionLink
+            onClick={() => {
+              setSelectedWebhook(selectedWebhook.id);
+              setPage('edit');
+            }}
+            icon={<EditIcon />}
+            customClass="editAction"
+          >
+            {I18n.t('common.buttons.edit') + ' ' + I18n.t('activerecord.models.webhook', { count: 1 })}
+          </ActionLink>
+        </div>
+      </div>
+
+      <div className="webhookTestResponse">
+        <Badge type={Array.from({length: 100}, (_, i) => i + 200).includes(testHttpCode) ? BADGE_TYPE_SUCCESS : BADGE_TYPE_DANGER}>
+          {testHttpCode.toString()}
+        </Badge>
+
+        <pre id="testHttpResponse">{testHttpResponse}</pre>
+      </div>
+    </div>
+  </Box>
+);
+
+export default WebhookTestPage;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhooksIndexPage.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhooksIndexPage.tsx
@@ -0,0 +1,77 @@
+import * as React from 'react';
+import I18n from 'i18n-js';
+
+import Box from '../../common/Box';
+import { WebhooksState } from '../../../reducers/webhooksReducer';
+import { WebhookPages } from './WebhooksSiteSettingsP';
+import Button from '../../common/Button';
+import WebhooksList from './WebhooksList';
+import SiteSettingsInfoBox from '../../common/SiteSettingsInfoBox';
+import ActionLink from '../../common/ActionLink';
+import { LearnMoreIcon } from '../../common/Icons';
+
+interface Props {
+  webhooks: WebhooksState;
+  isSubmitting: boolean;
+  isTesting: boolean;
+  submitError: string;
+  
+  handleToggleEnabledWebhook: (id: number, enabled: boolean) => void;
+  handleDeleteWebhook: (id: number) => void;
+  handleTestWebhook: (id: number) => void;
+
+  setSelectedWebhook: React.Dispatch<React.SetStateAction<number>>;
+  setPage: React.Dispatch<React.SetStateAction<WebhookPages>>;
+}
+
+const WebhooksIndexPage = ({
+  webhooks,
+  isSubmitting,
+  isTesting,
+  submitError,
+  handleToggleEnabledWebhook,
+  handleDeleteWebhook,
+  handleTestWebhook,
+  setSelectedWebhook,
+  setPage,
+}: Props) => {
+  return (
+    <>
+    <Box customClass="webhooksIndexPage">
+      <div className="webhooksTitle">
+        <h2>{I18n.t('site_settings.webhooks.title')}</h2>
+      
+        <Button onClick={() => setPage('new')}>
+          { I18n.t('common.buttons.new') }
+        </Button>
+      </div>
+
+      <p style={{textAlign: 'left'}}>
+        <ActionLink
+          onClick={() => window.open('https://docs.astuto.io/webhooks/webhooks-introduction/', '_blank')}
+          icon={<LearnMoreIcon />}
+        >
+          {I18n.t('site_settings.webhooks.learn_more')}
+        </ActionLink>
+      </p>
+
+      <WebhooksList
+        webhooks={webhooks.items}
+        webhooksAreLoading={webhooks.areLoading}
+        handleToggleEnabledWebhook={handleToggleEnabledWebhook}
+        handleDeleteWebhook={handleDeleteWebhook}
+        handleTestWebhook={handleTestWebhook}
+        setSelectedWebhook={setSelectedWebhook}
+        setPage={setPage}
+      />
+    </Box>
+
+    <SiteSettingsInfoBox
+      areUpdating={webhooks.areLoading || isSubmitting || isTesting}
+      error={webhooks.error || submitError}
+    />
+    </>
+  );
+};
+
+export default WebhooksIndexPage;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhooksList.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhooksList.tsx
@@ -0,0 +1,67 @@
+import * as React from 'react';
+import I18n from 'i18n-js';
+import { WebhookPages } from './WebhooksSiteSettingsP';
+import { IWebhook } from '../../../interfaces/IWebhook';
+import WebhookListItem from './WebhookListItem';
+import { CenteredMutedText } from '../../common/CustomTexts';
+import Spinner from '../../common/Spinner';
+
+interface Props {
+  webhooks: Array<IWebhook>;
+  webhooksAreLoading: boolean;
+
+  handleToggleEnabledWebhook: (id: number, enabled: boolean) => void;
+  handleDeleteWebhook: (id: number) => void;
+  handleTestWebhook: (id: number) => void;
+
+  setSelectedWebhook: React.Dispatch<React.SetStateAction<number>>;
+  setPage: React.Dispatch<React.SetStateAction<WebhookPages>>;
+}
+
+const WebhooksList = ({
+  webhooks,
+  webhooksAreLoading,
+  handleToggleEnabledWebhook,
+  handleDeleteWebhook,
+  handleTestWebhook,
+  setSelectedWebhook,
+  setPage,
+}: Props) => {
+  // from webhooks, get a unique list of triggers
+  const triggers = Array.from(new Set(webhooks.map(webhook => webhook.trigger)));
+
+  if (webhooksAreLoading) return <Spinner />;
+
+  return (
+    <div className="webhooksList">
+      {
+        (webhooks && webhooks.length > 0) ?
+          triggers.map((trigger, i) => (
+            <div key={i}>
+              <h4>{I18n.t(`site_settings.webhooks.triggers.${trigger}`)}</h4>
+
+              <ul>
+                {
+                  webhooks.filter(webhook => webhook.trigger === trigger).map((webhook, j) => (
+                    <WebhookListItem
+                      webhook={webhook}
+                      handleToggleEnabledWebhook={handleToggleEnabledWebhook}
+                      handleDeleteWebhook={handleDeleteWebhook}
+                      handleTestWebhook={handleTestWebhook}
+                      setSelectedWebhook={setSelectedWebhook}
+                      setPage={setPage}
+                      key={j}
+                    />
+                  ))
+                }
+              </ul>
+            </div>
+          ))
+        :
+          <CenteredMutedText>{I18n.t('site_settings.webhooks.empty')}</CenteredMutedText>
+      }
+    </div>
+  );
+};
+
+export default WebhooksList;
--- a/app/javascript/components/SiteSettings/Webhooks/WebhooksSiteSettingsP.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/WebhooksSiteSettingsP.tsx
@@ -0,0 +1,124 @@
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+
+import { WebhooksState } from '../../../reducers/webhooksReducer';
+import WebhooksIndexPage from './WebhooksIndexPage';
+import WebhookFormPage from './WebhookFormPage';
+import { IWebhook } from '../../../interfaces/IWebhook';
+import HttpStatus from '../../../constants/http_status';
+import { ISiteSettingsWebhookFormUpdate } from './WebhookForm';
+import WebhookTestPage from './WebhookTestPage';
+import buildRequestHeaders from '../../../helpers/buildRequestHeaders';
+
+interface Props {
+  webhooks: WebhooksState;
+  isSubmitting: boolean;
+  submitError: string;
+
+  requestWebhooks(): void;
+  onSubmitWebhook(webhook: IWebhook, authenticityToken: string): Promise<any>;
+  onUpdateWebhook(id: number, form: ISiteSettingsWebhookFormUpdate, authenticityToken: string): Promise<any>;
+  onToggleEnabledWebhook(id: number, isEnabled: boolean, authenticityToken: string): Promise<any>;
+  onDeleteWebhook(id: number, authenticityToken: string): void;
+
+  authenticityToken: string;
+}
+
+export type WebhookPages = 'index' | 'new' | 'edit' | 'test';
+
+const WebhooksSiteSettingsP = ({
+  webhooks,
+  isSubmitting,
+  submitError,
+  requestWebhooks,
+  onSubmitWebhook,
+  onUpdateWebhook,
+  onToggleEnabledWebhook,
+  onDeleteWebhook,
+  authenticityToken,
+}: Props) => {
+  const [page, setPage] = useState<WebhookPages>('index');
+  const [selectedWebhook, setSelectedWebhook] = useState<number>(null);
+  
+  const [isTesting, setIsTesting] = useState<boolean>(false);
+  const [testHttpCode, setTestHttpCode] = useState<number>(null);
+  const [testHttpResponse, setTestHttpResponse] = useState<string>(null);
+
+  useEffect(requestWebhooks, []);
+
+  const handleSubmitWebhook = (webhook: IWebhook) => {
+    onSubmitWebhook(webhook, authenticityToken).then(res => {
+      if (res?.status === HttpStatus.Created) window.location.reload();
+    });
+  };
+
+  const handleUpdateWebhook = (id: number, form: ISiteSettingsWebhookFormUpdate) => {
+    onUpdateWebhook(id, form, authenticityToken).then(res => {
+      if (res?.status === HttpStatus.OK) window.location.reload();
+    });
+  };
+
+  const handleToggleEnabledWebhook = (id: number, enabled: boolean) => {
+    onToggleEnabledWebhook(id, enabled, authenticityToken).then(res => {
+      if (res?.status === HttpStatus.OK) window.location.reload();
+    });
+  };
+
+  const handleDeleteWebhook = (id: number) => {
+    onDeleteWebhook(id, authenticityToken);
+  };
+
+  const handleTestWebhook = async (id: number) => {
+    setIsTesting(true);
+
+    const res = await fetch(`/webhooks/${id}/test`, {
+      method: 'PUT',
+      headers: buildRequestHeaders(authenticityToken),
+    });
+    const json = await res.json();
+
+    setTestHttpCode(res.status);
+    setTestHttpResponse(JSON.stringify(json, null, 2));
+    setSelectedWebhook(id);
+    setPage('test');
+    setIsTesting(false);
+  };
+
+  return (
+    page === 'index' ?
+      <WebhooksIndexPage
+        webhooks={webhooks}
+        isSubmitting={isSubmitting}
+        isTesting={isTesting}
+        submitError={submitError}
+        handleToggleEnabledWebhook={handleToggleEnabledWebhook}
+        handleDeleteWebhook={handleDeleteWebhook}
+        handleTestWebhook={handleTestWebhook}
+        setSelectedWebhook={setSelectedWebhook}
+        setPage={setPage}
+      />
+    :
+    (page === 'new' || page === 'edit') ?
+      <WebhookFormPage
+        isSubmitting={isSubmitting}
+        submitError={submitError}
+        handleSubmitWebhook={handleSubmitWebhook}
+        handleUpdateWebhook={handleUpdateWebhook}
+        selectedWebhook={webhooks.items.find(webhook => webhook.id === selectedWebhook)}
+        page={page}
+        setPage={setPage}
+        authenticityToken={authenticityToken}
+      />
+    :
+      <WebhookTestPage
+        selectedWebhook={webhooks.items.find(webhook => webhook.id === selectedWebhook)}
+        testHttpCode={testHttpCode}
+        testHttpResponse={testHttpResponse}
+        setSelectedWebhook={setSelectedWebhook}
+        setPage={setPage}
+        handleTestWebhook={handleTestWebhook}
+      />
+  );
+};
+
+export default WebhooksSiteSettingsP;
--- a/app/javascript/components/SiteSettings/Webhooks/index.tsx
+++ b/app/javascript/components/SiteSettings/Webhooks/index.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { Provider } from 'react-redux';
+import { Store } from 'redux';
+
+import createStoreHelper from '../../../helpers/createStore';
+import { State } from '../../../reducers/rootReducer';
+import WebhooksSiteSettings from '../../../containers/WebhooksSiteSettings';
+
+interface Props {
+  authenticityToken: string;
+}
+
+class WebhooksSiteSettingsRoot extends React.Component<Props> {
+  store: Store<State, any>;
+
+  constructor(props: Props) {
+    super(props);
+
+    this.store = createStoreHelper();
+  }
+
+  render() {
+    return (
+      <Provider store={this.store}>
+        <WebhooksSiteSettings
+          authenticityToken={this.props.authenticityToken}
+        />
+      </Provider>
+    );
+  }
+}
+
+export default WebhooksSiteSettingsRoot;
--- a/app/javascript/components/common/Badge.tsx
+++ b/app/javascript/components/common/Badge.tsx
@@ -3,11 +3,13 @@ import * as React from 'react';
 export const BADGE_TYPE_LIGHT = 'badgeLight';
 export const BADGE_TYPE_WARNING = 'badgeWarning';
 export const BADGE_TYPE_DANGER = 'badgeDanger';
+export const BADGE_TYPE_SUCCESS = 'badgeSuccess';

 export type BadgeTypes = 
  typeof BADGE_TYPE_LIGHT |
  typeof BADGE_TYPE_WARNING |
-  typeof BADGE_TYPE_DANGER;
+  typeof BADGE_TYPE_DANGER |
+  typeof BADGE_TYPE_SUCCESS;

 interface Props {
  type: BadgeTypes;
--- a/app/javascript/components/common/Icons.tsx
+++ b/app/javascript/components/common/Icons.tsx
@@ -1,11 +1,12 @@
 import * as React from 'react';
 import I18n from 'i18n-js';
+import { Tooltip } from 'react-tooltip'

 import { BsReply } from 'react-icons/bs';
 import { FiEdit, FiDelete, FiSettings } from 'react-icons/fi';
 import { ImCancelCircle } from 'react-icons/im';
 import { TbLock, TbLockOpen } from 'react-icons/tb';
-import { GrTest, GrClearOption } from 'react-icons/gr';
+import { GrTest, GrClearOption, GrOverview } from 'react-icons/gr';
 import { BiLike, BiSolidLike } from "react-icons/bi";
 import {
  MdContentCopy,
@@ -15,8 +16,10 @@ import {
  MdVerified,
  MdCheck,
  MdClear,
+  MdAdd,
 } from 'react-icons/md';
-import { FaUserNinja } from "react-icons/fa";
+import { FaUserNinja, FaMarkdown } from "react-icons/fa";
+import { FaDroplet } from "react-icons/fa6";

 export const EditIcon = () => <FiEdit />;

@@ -41,9 +44,12 @@ export const ReplyIcon = () => <BsReply />;
 export const LearnMoreIcon = () => <MdOutlineLibraryBooks />;

 export const StaffIcon = () => (
-  <span title={I18n.t('common.user_staff')} className="staffIcon">
+  <>
+  <span data-tooltip-id="staff-tooltip" data-tooltip-content={I18n.t('common.user_staff')} className="staffIcon">
    <MdVerified />
  </span>
+  <Tooltip id="staff-tooltip" />
+  </>
 );

 export const ClearIcon = () => <GrClearOption />;
@@ -54,8 +60,50 @@ export const SolidLikeIcon = ({size = 32}) => <BiSolidLike size={size} />;

 export const SettingsIcon = () => <FiSettings />;

-export const AnonymousIcon = ({size = 32, title=I18n.t('defaults.user_full_name')}) => <FaUserNinja size={size} title={title} />;
+export const AnonymousIcon = ({size = 32}) => (
+  <>
+  <span data-tooltip-id="anonymous-tooltip" data-tooltip-content={I18n.t('defaults.user_full_name')} className="anonymousIcon">
+    <FaUserNinja size={size} />
+  </span>
+  <Tooltip id="anonymous-tooltip" />
+  </>
+);

 export const ApproveIcon = () => <MdCheck />;

-export const RejectIcon = () => <MdClear />;
+export const RejectIcon = () => <MdClear />;
+
+export const AddIcon = () => <MdAdd />;
+
+export const PreviewIcon = ({size = 24}) => <GrOverview size={size} />;
+
+export const LiquidIcon = ({size = 18}) => (
+  <>
+  <a href="https://shopify.github.io/liquid/" target="_blank" rel="noreferrer" className="link">
+    <span
+      data-tooltip-id="liquid-tooltip"
+      data-tooltip-content={I18n.t('common.language_supported', { language: 'Liquid' })}
+      className="liquidIcon"
+    >
+      <FaDroplet size={size} />
+    </span>
+  </a>
+  <Tooltip id="liquid-tooltip" />
+  </>
+);
+
+export const MarkdownIcon = ({size = 24, style = {}}) => (
+  <>
+  <a href="https://www.markdownguide.org/basic-syntax/" target="_blank" rel="noreferrer" className="link">
+    <span
+      data-tooltip-id="markdown-tooltip"
+      data-tooltip-content={I18n.t('common.language_supported', { language: 'Markdown' })}
+      style={{...style, ...{opacity: 0.75}}}
+      className="markdownIcon"
+    >
+      <FaMarkdown size={size} />
+    </span>
+  </a>
+  <Tooltip id="markdown-tooltip" />
+  </>
+);
--- a/app/javascript/constants/regex.ts
+++ b/app/javascript/constants/regex.ts
@@ -1,2 +1,3 @@
-export const EMAIL_REGEX = /(.+)@(.+){2,}\.(.+){2,}/;
-export const URL_REGEX = /^(ftp|http|https):\/\/[^ "]+$/;
+export const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+export const URL_REGEX = /^(ftp|http|https):\/\/[^ "]+$/;
+export const URL_REGEX_WHITESPACE_ALLOWED = /^(ftp|http|https):\/\/[^"]+$/;
--- a/app/javascript/containers/WebhooksSiteSettings.tsx
+++ b/app/javascript/containers/WebhooksSiteSettings.tsx
@@ -0,0 +1,44 @@
+import { connect } from "react-redux";
+
+import WebhooksSiteSettingsP from "../components/SiteSettings/Webhooks/WebhooksSiteSettingsP";
+import { State } from "../reducers/rootReducer";
+import { requestWebhooks } from "../actions/Webhook/requestWebhooks";
+import { IWebhook } from "../interfaces/IWebhook";
+import { submitWebhook } from "../actions/Webhook/submitWebhook";
+import { deleteWebhook } from "../actions/Webhook/deleteWebhook";
+import { ISiteSettingsWebhookFormUpdate } from "../components/SiteSettings/Webhooks/WebhookForm";
+import { updateWebhook } from "../actions/Webhook/updateWebhook";
+
+const mapStateToProps = (state: State) => ({
+  webhooks: state.webhooks,
+
+  isSubmitting: state.siteSettings.webhooks.isSubmitting,
+  submitError: state.siteSettings.webhooks.error,
+});
+
+const mapDispatchToProps = (dispatch: any) => ({
+  requestWebhooks() {
+    dispatch(requestWebhooks());
+  },
+
+  onSubmitWebhook(webhook: IWebhook, authenticityToken: string): Promise<any> {
+    return dispatch(submitWebhook(webhook, authenticityToken));
+  },
+
+  onUpdateWebhook(id: number, form: ISiteSettingsWebhookFormUpdate, authenticityToken: string): Promise<any> {
+    return dispatch(updateWebhook({id, form, authenticityToken}));
+  },
+
+  onToggleEnabledWebhook(id: number, isEnabled: boolean, authenticityToken: string): Promise<any> {
+    return dispatch(updateWebhook({id, isEnabled, authenticityToken}));
+  },
+
+  onDeleteWebhook(id: number, authenticityToken: string) {
+    dispatch(deleteWebhook(id, authenticityToken));
+  }
+});
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(WebhooksSiteSettingsP);
--- a/app/javascript/interfaces/IWebhook.ts
+++ b/app/javascript/interfaces/IWebhook.ts
@@ -0,0 +1,77 @@
+// Trigger
+export const WEBHOOK_TRIGGER_NEW_POST = 'new_post';
+export const WEBHOOK_TRIGGER_NEW_POST_PENDING_APPROVAL = 'new_post_pending_approval';
+export const WEBHOOK_TRIGGER_DELETED_POST = 'delete_post';
+export const WEBHOOK_TRIGGER_POST_STATUS_CHANGE = 'post_status_change';
+export const WEBHOOK_TRIGGER_NEW_COMMENT = 'new_comment';
+export const WEBHOOK_TRIGGER_NEW_VOTE = 'new_vote';
+export const WEBHOOK_TRIGGER_NEW_USER = 'new_user';
+
+export type WebhookTrigger =
+  typeof WEBHOOK_TRIGGER_NEW_POST |
+  typeof WEBHOOK_TRIGGER_NEW_POST_PENDING_APPROVAL |
+  typeof WEBHOOK_TRIGGER_DELETED_POST |
+  typeof WEBHOOK_TRIGGER_POST_STATUS_CHANGE |
+  typeof WEBHOOK_TRIGGER_NEW_COMMENT |
+  typeof WEBHOOK_TRIGGER_NEW_VOTE |
+  typeof WEBHOOK_TRIGGER_NEW_USER;
+
+// HTTP method
+export const WEBHOOK_HTTP_METHOD_POST = 'http_post';
+export const WEBHOOK_HTTP_METHOD_PUT = 'http_put';
+export const WEBHOOK_HTTP_METHOD_PATCH = 'http_patch';
+export const WEBHOOK_HTTP_METHOD_DELETE = 'http_delete';
+
+export type WebhookHttpMethod =
+  typeof WEBHOOK_HTTP_METHOD_POST |
+  typeof WEBHOOK_HTTP_METHOD_PUT |
+  typeof WEBHOOK_HTTP_METHOD_PATCH |
+  typeof WEBHOOK_HTTP_METHOD_DELETE;
+
+export interface IWebhook {
+  id?: number;
+  name: string;
+  description?: string;
+  isEnabled: boolean;
+  trigger: WebhookTrigger;
+  url: string;
+  httpBody: string;
+  httpMethod: WebhookHttpMethod;
+  httpHeaders: string;
+}
+
+export interface IWebhookJSON {
+  id: string;
+  name: string;
+  description?: string;
+  is_enabled: boolean;
+  trigger: WebhookTrigger;
+  url: string;
+  http_body: string;
+  http_method: WebhookHttpMethod;
+  http_headers: string;
+}
+
+export const webhookJSON2JS = (webhookJSON: IWebhookJSON): IWebhook => ({
+  id: parseInt(webhookJSON.id),
+  name: webhookJSON.name,
+  description: webhookJSON.description,
+  isEnabled: webhookJSON.is_enabled,
+  trigger: webhookJSON.trigger,
+  url: webhookJSON.url,
+  httpBody: webhookJSON.http_body,
+  httpMethod: webhookJSON.http_method,
+  httpHeaders: webhookJSON.http_headers,
+});
+
+export const webhookJS2JSON = (webhook: IWebhook) => ({
+  id: webhook.id?.toString(),
+  name: webhook.name,
+  description: webhook.description,
+  is_enabled: webhook.isEnabled,
+  trigger: webhook.trigger,
+  url: webhook.url,
+  http_body: webhook.httpBody,
+  http_method: webhook.httpMethod,
+  http_headers: webhook.httpHeaders,
+});
--- a/app/javascript/reducers/SiteSettings/webhooksReducer.ts
+++ b/app/javascript/reducers/SiteSettings/webhooksReducer.ts
@@ -0,0 +1,71 @@
+import {
+  WebhookSubmitActionTypes,
+  WEBHOOK_SUBMIT_START,
+  WEBHOOK_SUBMIT_SUCCESS,
+  WEBHOOK_SUBMIT_FAILURE,
+} from '../../actions/Webhook/submitWebhook';
+
+import {
+  WebhookUpdateActionTypes,
+  WEBHOOK_UPDATE_START,
+  WEBHOOK_UPDATE_SUCCESS,
+  WEBHOOK_UPDATE_FAILURE,
+} from '../../actions/Webhook/updateWebhook';
+
+import {
+  WebhookDeleteActionTypes,
+  WEBHOOK_DELETE_FAILURE,
+  WEBHOOK_DELETE_START,
+  WEBHOOK_DELETE_SUCCESS,
+} from '../../actions/Webhook/deleteWebhook';
+
+export interface SiteSettingsWebhooksState {
+  isSubmitting: boolean;
+  error: string;
+}
+
+const initialState: SiteSettingsWebhooksState = {
+  isSubmitting: false,
+  error: '',
+};
+
+const siteSettingsWebhooksReducer = (
+  state = initialState,
+  action:
+    WebhookSubmitActionTypes |
+    WebhookUpdateActionTypes |
+    WebhookDeleteActionTypes
+) => {
+  switch (action.type) {
+    case WEBHOOK_SUBMIT_START:
+    case WEBHOOK_UPDATE_START:
+    case WEBHOOK_DELETE_START:
+      return {
+        ...state,
+        isSubmitting: true,
+      };
+
+    case WEBHOOK_SUBMIT_SUCCESS:
+    case WEBHOOK_UPDATE_SUCCESS:
+    case WEBHOOK_DELETE_SUCCESS:
+      return {
+        ...state,
+        isSubmitting: false,
+        error: '',
+      };
+
+    case WEBHOOK_SUBMIT_FAILURE:
+    case WEBHOOK_UPDATE_FAILURE:
+    case WEBHOOK_DELETE_FAILURE:
+      return {
+        ...state,
+        isSubmitting: false,
+        error: action.error,
+      };
+
+    default:
+      return state;
+  }
+};
+
+export default siteSettingsWebhooksReducer;
--- a/app/javascript/reducers/rootReducer.ts
+++ b/app/javascript/reducers/rootReducer.ts
@@ -8,6 +8,7 @@ import postStatusesReducer from './postStatusesReducer';
 import usersReducer from './usersReducer';
 import currentPostReducer from './currentPostReducer';
 import oAuthsReducer from './oAuthsReducer';
+import webhooksReducer from './webhooksReducer';
 import siteSettingsReducer from './siteSettingsReducer';
 import moderationReducer from './moderationReducer';

@@ -20,6 +21,7 @@ const rootReducer = combineReducers({
  users: usersReducer,
  currentPost: currentPostReducer,
  oAuths: oAuthsReducer,
+  webhooks: webhooksReducer,
  
  siteSettings: siteSettingsReducer,
  moderation: moderationReducer,
--- a/app/javascript/reducers/siteSettingsReducer.ts
+++ b/app/javascript/reducers/siteSettingsReducer.ts
@@ -82,12 +82,34 @@ import {
  OAUTH_DELETE_FAILURE,
 } from '../actions/OAuth/deleteOAuth';

+import {
+  WebhookSubmitActionTypes,
+  WEBHOOK_SUBMIT_FAILURE,
+  WEBHOOK_SUBMIT_START,
+  WEBHOOK_SUBMIT_SUCCESS,
+} from '../actions/Webhook/submitWebhook';
+
+import {
+  WebhookUpdateActionTypes,
+  WEBHOOK_UPDATE_START,
+  WEBHOOK_UPDATE_SUCCESS,
+  WEBHOOK_UPDATE_FAILURE,
+} from '../actions/Webhook/updateWebhook';
+
+import {
+  WebhookDeleteActionTypes,
+  WEBHOOK_DELETE_FAILURE,
+  WEBHOOK_DELETE_START,
+  WEBHOOK_DELETE_SUCCESS,
+} from '../actions/Webhook/deleteWebhook';
+
 import siteSettingsGeneralReducer, { SiteSettingsGeneralState } from './SiteSettings/generalReducer';
 import siteSettingsBoardsReducer, { SiteSettingsBoardsState } from './SiteSettings/boardsReducer';
 import siteSettingsPostStatusesReducer, { SiteSettingsPostStatusesState } from './SiteSettings/postStatusesReducer';
 import siteSettingsRoadmapReducer, { SiteSettingsRoadmapState } from './SiteSettings/roadmapReducer';
 import siteSettingsAuthenticationReducer, { SiteSettingsAuthenticationState } from './SiteSettings/authenticationReducer';
 import siteSettingsAppearanceReducer, { SiteSettingsAppearanceState } from './SiteSettings/appearanceReducer';
+import siteSettingsWebhooksReducer, { SiteSettingsWebhooksState } from './SiteSettings/webhooksReducer';

 interface SiteSettingsState {
  general: SiteSettingsGeneralState;
@@ -95,6 +117,7 @@ interface SiteSettingsState {
  boards: SiteSettingsBoardsState;
  postStatuses: SiteSettingsPostStatusesState;
  roadmap: SiteSettingsRoadmapState;
+  webhooks: SiteSettingsWebhooksState;
  appearance: SiteSettingsAppearanceState;
 }

@@ -104,6 +127,7 @@ const initialState: SiteSettingsState = {
  boards: siteSettingsBoardsReducer(undefined, {} as any),
  postStatuses: siteSettingsPostStatusesReducer(undefined, {} as any),
  roadmap: siteSettingsRoadmapReducer(undefined, {} as any),
+  webhooks: siteSettingsWebhooksReducer(undefined, {} as any),
  appearance: siteSettingsAppearanceReducer(undefined, {} as any),
 };

@@ -121,7 +145,10 @@ const siteSettingsReducer = (
    PostStatusOrderUpdateActionTypes |
    PostStatusDeleteActionTypes |
    PostStatusSubmitActionTypes |
-    PostStatusUpdateActionTypes
+    PostStatusUpdateActionTypes |
+    WebhookSubmitActionTypes |
+    WebhookUpdateActionTypes |
+    WebhookDeleteActionTypes
 ): SiteSettingsState => {
  switch (action.type) {
    case TENANT_UPDATE_START:
@@ -187,6 +214,20 @@ const siteSettingsReducer = (
        roadmap: siteSettingsRoadmapReducer(state.roadmap, action),
      };

+    case WEBHOOK_SUBMIT_START:
+    case WEBHOOK_SUBMIT_SUCCESS:
+    case WEBHOOK_SUBMIT_FAILURE:
+    case WEBHOOK_UPDATE_START:
+    case WEBHOOK_UPDATE_SUCCESS:
+    case WEBHOOK_UPDATE_FAILURE:
+    case WEBHOOK_DELETE_START:
+    case WEBHOOK_DELETE_SUCCESS:
+    case WEBHOOK_DELETE_FAILURE:
+      return {
+        ...state,
+        webhooks: siteSettingsWebhooksReducer(state.webhooks, action),
+      };
+
    default:
      return state;
  }
--- a/app/javascript/reducers/webhooksReducer.ts
+++ b/app/javascript/reducers/webhooksReducer.ts
@@ -0,0 +1,93 @@
+import {
+  WebhooksRequestActionTypes,
+  WEBHOOKS_REQUEST_START,
+  WEBHOOKS_REQUEST_SUCCESS,
+  WEBHOOKS_REQUEST_FAILURE,
+} from '../actions/Webhook/requestWebhooks';
+
+import {
+  WebhookSubmitActionTypes,
+  WEBHOOK_SUBMIT_SUCCESS,
+} from '../actions/Webhook/submitWebhook';
+
+import {
+  WebhookUpdateActionTypes,
+  WEBHOOK_UPDATE_SUCCESS,
+} from '../actions/Webhook/updateWebhook';
+
+import {
+  WebhookDeleteActionTypes,
+  WEBHOOK_DELETE_SUCCESS,
+} from '../actions/Webhook/deleteWebhook';
+
+import { IWebhook, webhookJSON2JS } from '../interfaces/IWebhook';
+
+export interface WebhooksState {
+  items: Array<IWebhook>;
+  areLoading: boolean;
+  error: string;
+}
+
+const initialState: WebhooksState = {
+  items: [],
+  areLoading: true,
+  error: '',
+};
+
+const webhooksReducer = (
+  state = initialState,
+  action:
+    WebhooksRequestActionTypes |
+    WebhookSubmitActionTypes |
+    WebhookUpdateActionTypes |
+    WebhookDeleteActionTypes
+) => {
+  switch (action.type) {
+    case WEBHOOKS_REQUEST_START:
+      return {
+        ...state,
+        areLoading: true,
+      };
+
+    case WEBHOOKS_REQUEST_SUCCESS:
+      return {
+        ...state,
+        areLoading: false,
+        error: '',
+        items: action.webhooks.map<IWebhook>(webhookJson => webhookJSON2JS(webhookJson)),
+      };
+
+    case WEBHOOKS_REQUEST_FAILURE:
+      return {
+        ...state,
+        areLoading: false,
+        error: action.error,
+      };
+
+    case WEBHOOK_SUBMIT_SUCCESS:
+      return {
+        ...state,
+        items: [...state.items, webhookJSON2JS(action.webhook)],
+      };
+
+    case WEBHOOK_UPDATE_SUCCESS:
+      return {
+        ...state,
+        items: state.items.map(webhook => {
+          if (webhook.id !== parseInt(action.webhook.id)) return webhook;
+          return webhookJSON2JS(action.webhook);
+        }),
+      }
+
+    case WEBHOOK_DELETE_SUCCESS:
+      return {
+        ...state,
+        items: state.items.filter(webhook => webhook.id !== action.id),
+      };
+
+    default:
+      return state;
+  }
+};
+
+export default webhooksReducer;
--- a/app/jobs/run_webhook.rb
+++ b/app/jobs/run_webhook.rb
@@ -0,0 +1,105 @@
+class RunWebhook < ActiveJob::Base
+  queue_as :webhooks
+
+  # entities is a hash with entity_name as key and entity_id as value (entity_name will be mapped to an ActiveRecord class)
+  def perform(webhook_id:, current_tenant_id:, is_test: false, entities: {})
+    Current.tenant = Tenant.find(current_tenant_id)
+
+    logger.info { "[#{Current.tenant.subdomain}] Performing RunWebhook ActiveJob for webhook ID #{webhook_id}" }
+
+    # Find webhook from DB
+    webhook = Webhook.find(webhook_id)
+
+    # Skip if webhook is disabled and is not a test
+    return if !is_test && !webhook.is_enabled
+
+    # Load entities from DB
+    loaded_entities = {}
+    entities.each do |entity_name, entity_id|
+      entity_class = map_entity_name_to_class(entity_name)
+
+      # If there is an ActiveRecord class for that entity_name, load it from DB
+      # Otherwise, just pass the ID (this is the special case of trigger 'delete_post')
+      if entity_class
+        loaded_entities[entity_name] = entity_class.find(entity_id)
+      else
+        loaded_entities[entity_name] = entity_id
+      end
+    end
+
+    # Build context based on webhook's trigger
+    context = CreateLiquidTemplateContextWorkflow.new(
+      webhook_trigger: webhook.trigger,
+      is_test: is_test,
+      entities: loaded_entities,
+    ).run
+
+    # Parse and render template for webhook's URL
+    url_template = Liquid::Template.parse(webhook.url)
+    url = url_template.render(context)
+
+    # Parse and render template for webhook's HTTP body
+    http_body_template = Liquid::Template.parse(webhook.http_body)
+    http_body = http_body_template.render(context)
+
+    # Prepare HTTP body
+    if webhook.http_body.present?
+      http_body = JSON.parse(http_body).to_json
+    else
+      http_body = nil
+    end
+
+    # Prepare HTTP headers
+    if webhook.http_headers.present?
+      http_headers = JSON.parse(webhook.http_headers).each_with_object({}) do |header, memo|
+        memo[header['key']] = header['value']
+      end
+    else
+      http_headers = {}
+    end
+
+    # Make HTTP request
+    HTTParty.send(
+      map_webhook_http_method(webhook.http_method).downcase,
+      url,
+      {
+        body: http_body,
+        headers: http_headers,
+      }
+    )
+  end
+
+  private
+
+    def map_webhook_http_method(http_method)
+      case http_method
+      when :http_post
+        'POST'
+      when :http_put
+        'PUT'
+      when :http_patch
+        'PATCH'
+      when :http_delete
+        'DELETE'
+      else
+        'POST'
+      end
+    end
+
+    def map_entity_name_to_class(entity_name)
+      case entity_name
+      when :post
+        Post
+      when :user, :post_author, :comment_author, :vote_author
+        User
+      when :board
+        Board
+      when :post_status
+        PostStatus
+      when :comment
+        Comment
+      else
+        nil
+      end
+    end
+end
--- a/app/jobs/send_recap_emails.rb
+++ b/app/jobs/send_recap_emails.rb
@@ -0,0 +1,92 @@
+class SendRecapEmails < ActiveJob::Base
+  queue_as :default
+
+  def perform(*args)
+    logger.info { "Performing SendRecapEmails ActiveJob" }
+    
+    # Fix times to 15:00 UTC
+    hour = 15
+    time_now = Time.now.utc.change(hour: hour, min: 0, sec: 0)
+    one_day_ago = 1.day.ago.utc.change(hour: hour, min: 0, sec: 0)
+    one_week_ago = 1.week.ago.utc.change(hour: hour, min: 0, sec: 0)
+    one_month_ago = 1.month.ago.utc.change(hour: hour, min: 0, sec: 0)
+
+    # Get tenants with active subscriptions
+    tbs = TenantBilling.unscoped.all
+    tbs = tbs.select { |tb| tb.has_active_subscription? }
+    tenants = Tenant.where(id: tbs.map(&:tenant_id))
+
+    # Based on the current date, determine which recap notifications to send
+    frequencies_to_notify = ['daily']
+    frequencies_to_notify.push('weekly') if Date.today.monday? # Send weekly recap on Mondays
+    frequencies_to_notify.push('monthly') if Date.today.day == 1 # Send monthly recap on the 1st of the month
+
+    tenants.each do |tenant|
+      Current.tenant = tenant
+      I18n.locale = tenant.locale
+
+      # Get users with recap notifications enabled
+      users = tenant.users.where(
+        role: ['owner', 'admin', 'moderator'],
+        notifications_enabled: true,
+        recap_notification_frequency: frequencies_to_notify,
+      )
+
+      # Get the different recap notification frequencies for users
+      users_recap_notification_frequencies = users.map(&:recap_notification_frequency).flatten.uniq
+    
+      # Get only needed posts
+      if users_recap_notification_frequencies.include?('daily')
+        published_posts_daily = Post.where(approval_status: 'approved', created_at: one_day_ago..time_now).to_a
+        pending_posts_daily = Post.where(approval_status: 'pending', created_at: one_day_ago..time_now).to_a
+      end
+      if frequencies_to_notify.include?('weekly') && users_recap_notification_frequencies.include?('weekly')
+        published_posts_weekly = Post.where(approval_status: 'approved', created_at: one_week_ago..time_now).to_a
+        pending_posts_weekly = Post.where(approval_status: 'pending', created_at: one_week_ago..time_now).to_a
+      end
+      if frequencies_to_notify.include?('monthly') && users_recap_notification_frequencies.include?('monthly')
+        published_posts_monthly = Post.where(approval_status: 'approved', created_at: one_month_ago..time_now).to_a
+        pending_posts_monthly = Post.where(approval_status: 'pending', created_at: one_month_ago..time_now).to_a
+      end
+
+      # Notify each user based on their recap notification frequency
+      users.each do |user|
+        logger.info { "[#{tenant.subdomain}] Sending recap email to #{user.inspect}" }
+
+        # Remove from published_posts the posts published by the user
+        published_posts_daily_user = published_posts_daily&.select { |post| post.user_id != user.id }
+        should_send_daily_recap = published_posts_daily_user&.any? || pending_posts_daily&.any?
+
+        published_posts_weekly_user = published_posts_weekly&.select { |post| post.user_id != user.id }
+        should_send_weekly_recap = published_posts_weekly_user&.any? || pending_posts_weekly&.any?
+
+        published_posts_monthly_user = published_posts_monthly&.select { |post| post.user_id != user.id }
+        should_send_monthly_recap = published_posts_monthly_user&.any? || pending_posts_monthly&.any?
+
+        # Send recap email
+        if user.recap_notification_frequency == 'daily' && should_send_daily_recap
+          UserMailer.recap(
+            frequency: I18n.t('common.forms.auth.recap_notification_frequency_daily'),
+            user: user,
+            published_posts_count: published_posts_daily_user&.count,
+            pending_posts_count: pending_posts_daily&.count,
+          ).deliver_later
+        elsif user.recap_notification_frequency == 'weekly' && should_send_weekly_recap
+          UserMailer.recap(
+            frequency: I18n.t('common.forms.auth.recap_notification_frequency_weekly'),
+            user: user,
+            published_posts_count: published_posts_weekly_user&.count,
+            pending_posts_count: pending_posts_weekly&.count,
+          ).deliver_later
+        elsif user.recap_notification_frequency == 'monthly' && should_send_monthly_recap
+          UserMailer.recap(
+            frequency: I18n.t('common.forms.auth.recap_notification_frequency_monthly'),
+            user: user,
+            published_posts_count: published_posts_monthly_user&.count,
+            pending_posts_count: pending_posts_monthly&.count,
+          ).deliver_later
+        end
+      end
+    end
+  end
+end
--- a/app/lib/custom_liquid_filters.rb
+++ b/app/lib/custom_liquid_filters.rb
@@ -0,0 +1,7 @@
+module CustomLiquidFilters
+  require 'json'
+
+  def escape_json(input)
+    input.to_json[1...-1] # Converts to JSON string and removes surrounding quotes
+  end
+end
--- a/app/mailers/user_mailer.rb
+++ b/app/mailers/user_mailer.rb
@@ -43,6 +43,21 @@ class UserMailer < ApplicationMailer
    )
  end

+  def recap(frequency:, user:, published_posts_count:, pending_posts_count:)
+    Current.tenant = user.tenant
+
+    @frequency = frequency
+    @user = user
+    @published_posts_count = published_posts_count
+    @pending_posts_count = pending_posts_count
+
+    mail(
+      to: user.email,
+      subject: t('mailers.user.recap.subject', site_name: site_name, frequency: frequency)
+    )
+  end
+
+
  private

    def site_name
--- a/app/models/comment.rb
+++ b/app/models/comment.rb
@@ -6,5 +6,27 @@ class Comment < ApplicationRecord
  belongs_to :parent, class_name: 'Comment', optional: true
  has_many :children, class_name: 'Comment', foreign_key: 'parent_id', dependent: :destroy

+  after_create :run_webhooks
+
  validates :body, presence: true
+
+  private
+
+  def run_webhooks
+    entities = {
+      comment: self.id,
+      comment_author: self.user.id,
+      post: self.post.id,
+      board: self.post.board.id
+    }
+    entities[:post_author] = self.post.user.id if self.post.user_id
+
+    Webhook.where(trigger: :new_comment, is_enabled: true).each do |webhook|        
+      RunWebhook.perform_later(
+        webhook_id: webhook.id,
+        current_tenant_id: Current.tenant.id,
+        entities: entities
+      )
+    end
+  end
 end
--- a/app/models/like.rb
+++ b/app/models/like.rb
@@ -4,5 +4,26 @@ class Like < ApplicationRecord
  belongs_to :user
  belongs_to :post

+  after_create :run_webhooks
+
  validates :user_id, uniqueness: { scope: :post_id }
+
+  private
+
+    def run_webhooks
+      entities = {
+        vote_author: self.user.id,
+        post: self.post.id,
+        board: self.post.board.id
+      }
+      entities[:post_author] = self.post.user.id if self.post.user_id
+
+      Webhook.where(trigger: :new_vote, is_enabled: true).each do |webhook|        
+        RunWebhook.perform_later(
+          webhook_id: webhook.id,
+          current_tenant_id: Current.tenant.id,
+          entities: entities
+        )
+      end
+    end
 end
--- a/app/models/post.rb
+++ b/app/models/post.rb
@@ -1,5 +1,7 @@
 class Post < ApplicationRecord
  include TenantOwnable
+  include ApplicationHelper
+  include Rails.application.routes.url_helpers
  extend FriendlyId
  
  belongs_to :board
@@ -12,6 +14,9 @@ class Post < ApplicationRecord
  has_many :comments, dependent: :destroy
  has_many :post_status_changes, dependent: :destroy

+  after_create :run_new_post_webhooks
+  after_destroy :run_delete_post_webhooks
+
  enum approval_status: [
    :approved,
    :pending,
@@ -24,6 +29,10 @@ class Post < ApplicationRecord

  friendly_id :title, use: :scoped, scope: :tenant_id

+  def url
+    get_url_for(method(:post_url), resource: self)
+  end
+
  class << self
    def find_with_post_status_in(post_statuses)
      where(post_status_id: post_statuses.pluck(:id))
@@ -54,4 +63,50 @@ class Post < ApplicationRecord
      where(approval_status: "pending")
    end
  end
+
+  private
+
+    def run_new_post_webhooks
+      entities = {
+        post: self.id,
+        board: self.board.id
+      }
+      entities[:post_author] = self.user.id if self.user_id
+
+      # New post (approved)
+      if self.approval_status == 'approved'
+        Webhook.where(trigger: :new_post, is_enabled: true).each do |webhook|        
+          RunWebhook.perform_later(
+            webhook_id: webhook.id,
+            current_tenant_id: Current.tenant.id,
+            entities: entities
+          )
+        end
+      end
+
+      # New post (pending approval)
+      if self.approval_status == 'pending'
+        Webhook.where(trigger: :new_post_pending_approval, is_enabled: true).each do |webhook|
+          RunWebhook.perform_later(
+            webhook_id: webhook.id,
+            current_tenant_id: Current.tenant.id,
+            entities: entities
+          )
+        end
+      end
+    end
+
+    def run_delete_post_webhooks
+      # Since the post has already been deleted from DB
+      # we only provide its ID
+      entities = { post_id: self.id }
+
+      Webhook.where(trigger: :delete_post, is_enabled: true).each do |webhook|
+        RunWebhook.perform_later(
+          webhook_id: webhook.id,
+          current_tenant_id: Current.tenant.id,
+          entities: entities
+        )
+      end
+    end
 end
--- a/app/models/post_status_change.rb
+++ b/app/models/post_status_change.rb
@@ -4,4 +4,25 @@ class PostStatusChange < ApplicationRecord
  belongs_to :user
  belongs_to :post
  belongs_to :post_status, optional: true
+
+  after_create :run_webhooks
+
+  private
+
+    def run_webhooks
+      entities = {
+        post: self.post.id,
+        board: self.post.board.id
+      }
+      entities[:post_author] = self.post.user.id if self.post.user_id
+      entities[:post_status] = self.post_status.id if self.post_status_id
+
+      Webhook.where(trigger: :post_status_change, is_enabled: true).each do |webhook|        
+        RunWebhook.perform_later(
+          webhook_id: webhook.id,
+          current_tenant_id: Current.tenant.id,
+          entities: entities
+        )
+      end
+    end
 end
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -15,8 +15,11 @@ class User < ApplicationRecord
  enum role: [:user, :moderator, :admin, :owner]
  enum status: [:active, :blocked, :deleted]

+  enum recap_notification_frequency: [:never, :daily, :weekly, :monthly]
+
  after_initialize :set_default_role, if: :new_record?
  after_initialize :set_default_status, if: :new_record?
+  after_create :run_webhooks

  validates :full_name, presence: true, length: { in: 2..64 }
  validates :email,
@@ -105,4 +108,20 @@ class User < ApplicationRecord
    self.oauth_token = nil
    self.save!
  end
+
+  private
+
+    def run_webhooks
+      entities = {
+        user: self.id
+      }
+
+      Webhook.where(trigger: :new_user, is_enabled: true).each do |webhook|        
+        RunWebhook.perform_later(
+          webhook_id: webhook.id,
+          current_tenant_id: Current.tenant.id,
+          entities: entities
+        )
+      end
+    end
 end
--- a/app/models/webhook.rb
+++ b/app/models/webhook.rb
@@ -0,0 +1,76 @@
+class Webhook < ApplicationRecord
+  include TenantOwnable
+
+  before_save :encrypt_url
+  after_find :decrypt_url
+  before_save :encrypt_http_headers
+  after_find :decrypt_http_headers
+
+  validates :name, presence: true, uniqueness: { scope: :tenant_id }, length: { maximum: 255 }
+  validates :url, presence: true, format: { with: URI::regexp(%w(http https)), message: I18n.t('common.validations.url') }
+  validates :trigger, presence: true
+  validates :http_method, presence: true
+
+  enum trigger: [
+    :new_post,
+    :new_post_pending_approval,
+    :delete_post,
+    :post_status_change,
+    :new_comment,
+    :new_vote,
+    :new_user
+  ]
+
+  enum http_method: [
+    :http_post,
+    :http_put,
+    :http_patch,
+    :http_delete
+  ]
+
+  private
+
+    def encrypt_url
+      return if url.nil?
+
+      # Derive a 32-byte key from the secret_key_base
+      key = Digest::SHA256.digest(Rails.application.secrets.secret_key_base)
+      encryptor = ActiveSupport::MessageEncryptor.new(key)
+
+      self.url = encryptor.encrypt_and_sign(url)
+    end
+
+    def decrypt_url
+      return if url.nil?
+
+      # Derive a 32-byte key from the secret_key_base
+      key = Digest::SHA256.digest(Rails.application.secrets.secret_key_base)
+      encryptor = ActiveSupport::MessageEncryptor.new(key)
+
+      self.url = encryptor.decrypt_and_verify(url)
+    rescue ActiveSupport::MessageVerifier::InvalidSignature
+      errors.add(:url, 'could not be decrypted')
+    end
+
+    def encrypt_http_headers
+      return if http_headers.nil?
+
+      # Derive a 32-byte key from the secret_key_base
+      key = Digest::SHA256.digest(Rails.application.secrets.secret_key_base)
+      encryptor = ActiveSupport::MessageEncryptor.new(key)
+
+      self.http_headers = encryptor.encrypt_and_sign(http_headers.to_json)
+    end
+
+    def decrypt_http_headers
+      return if http_headers.nil?
+
+      # Derive a 32-byte key from the secret_key_base
+      key = Digest::SHA256.digest(Rails.application.secrets.secret_key_base)
+      encryptor = ActiveSupport::MessageEncryptor.new(key)
+
+      self.http_headers = JSON.parse(encryptor.decrypt_and_verify(http_headers)) if http_headers.present?
+    rescue ActiveSupport::MessageVerifier::InvalidSignature
+      errors.add(:http_headers, 'could not be decrypted')
+    end
+end
--- a/app/policies/webhook_policy.rb
+++ b/app/policies/webhook_policy.rb
@@ -0,0 +1,34 @@
+class WebhookPolicy < ApplicationPolicy
+  def permitted_attributes
+    if user.admin?
+      [
+        :name,
+        :description,
+        :is_enabled,
+        :trigger,
+        :url,
+        :http_body,
+        :http_method,
+        :http_headers
+      ]
+    else
+      []
+    end
+  end
+
+  def index?
+    user.admin?
+  end
+
+  def create?
+    user.admin?
+  end
+
+  def update?
+    user.admin?
+  end
+
+  def destroy?
+    user.admin?
+  end
+end
--- a/app/views/devise/registrations/edit.html.erb
+++ b/app/views/devise/registrations/edit.html.erb
@@ -34,15 +34,6 @@
    </div>
  <% end %>

-  <div class="form-group">
-    <%= f.label :notifications_enabled, t('common.forms.auth.notifications_enabled') %>
-    &nbsp;
-    <%= f.check_box :notifications_enabled, style: "transform: scale(1.5)" %>
-    <small id="notificationsHelp" class="form-text text-muted">
-      <%= t('common.forms.auth.notifications_enabled_help') %>
-    </small>
-  </div>
-
  <div class="form-group">
    <%= f.label :password, t('common.forms.auth.password') %>
    <%= f.password_field :password, autocomplete: "new-password", class: "form-control" %>
@@ -58,6 +49,41 @@

  <hr />

+  <h3><%= t('common.forms.auth.notifications') %></h3>
+  <br />
+  <div class="form-group">
+    <%= f.label :notifications_enabled, t('activerecord.attributes.user.notifications_enabled') %>
+    &nbsp;
+    <%= f.check_box :notifications_enabled, style: "transform: scale(1.5)" %>
+    <small id="notificationsHelp" class="form-text text-muted">
+      <%= t('common.forms.auth.notifications_enabled_help') %>
+    </small>
+  </div>
+
+  <% if Rails.application.sidekiq_enabled? %>
+    <div class="form-group">
+      <%= f.label :recap_notification_frequency, t('activerecord.attributes.user.recap_notification_frequency') %>
+      <%= f.select :recap_notification_frequency,
+        [
+          [t('common.forms.auth.recap_notification_frequency_never'), "never"],
+          [t('common.forms.auth.recap_notification_frequency_daily'), "daily"],
+          [t('common.forms.auth.recap_notification_frequency_weekly'), "weekly"],
+          [t('common.forms.auth.recap_notification_frequency_monthly'), "monthly"]
+        ],
+        { include_blank: false },
+         class: "form-control" %>
+      <small id="recapNotificationFrequencyHelp" class="form-text text-muted">
+        <%= t('common.forms.auth.recap_notification_frequency_help') %>
+      </small>
+    </div>
+  <% else %>
+    <% if not Rails.application.multi_tenancy? %>
+      <p>You have to <a href="https://docs.astuto.io/deploy-with-sidekiq">enable Sidekiq</a> to receive recap notifications.</p>
+    <% end %>
+  <% end %>
+
+  <hr />
+
  <div class="form-group">
    <%= f.label :current_password, t('common.forms.auth.current_password') %>
    <%= f.password_field :current_password, autocomplete: "current-password", required: true, class: "form-control" %>
--- a/app/views/site_settings/_menu.html.erb
+++ b/app/views/site_settings/_menu.html.erb
@@ -8,6 +8,7 @@
      <%= render 'shared/sidebar_menu_link', label: t('site_settings.menu.boards'), path: site_settings_boards_path %>
      <%= render 'shared/sidebar_menu_link', label: t('site_settings.menu.post_statuses'), path: site_settings_post_statuses_path %>
      <%= render 'shared/sidebar_menu_link', label: t('site_settings.menu.roadmap'), path: site_settings_roadmap_path %>
+      <%= render 'shared/sidebar_menu_link', label: t('site_settings.menu.webhooks'), path: site_settings_webhooks_path %>
      <%= render 'shared/sidebar_menu_link', label: t('site_settings.menu.invitations'), path: site_settings_invitations_path %>
      <%= render 'shared/sidebar_menu_link', label: t('site_settings.menu.appearance'), path: site_settings_appearance_path %>
    </div>
--- a/app/views/site_settings/webhooks.html.erb
+++ b/app/views/site_settings/webhooks.html.erb
@@ -0,0 +1,13 @@
+<div class="twoColumnsContainer">
+  <%= render 'menu' %>
+  <div>
+    <%=
+      react_component(
+        'SiteSettings/Webhooks',
+        {
+          authenticityToken: form_authenticity_token
+        }
+      )
+    %>
+  </div>
+</div>
--- a/app/views/user_mailer/recap.html.erb
+++ b/app/views/user_mailer/recap.html.erb
@@ -0,0 +1,18 @@
+<%= render 'user_mailer/opening', user_name: @user.full_name_or_email %>
+
+<p>
+  <%= t('mailers.user.recap.body_html', frequency: @frequency.downcase) %>:
+</p>
+
+<ul>
+  <li><%= t('mailers.user.recap.published_posts_count_html', count: @published_posts_count) %></li>
+  <li><%= t('mailers.user.recap.pending_posts_count_html', count: @pending_posts_count) %></li>
+</ul>
+
+<p>
+  <%= link_to t('mailers.user.learn_more'), get_url_for(method(:root_url)) %>
+</p>
+
+<%= render 'user_mailer/closing' %>
+
+<%= render 'user_mailer/unsubscribe_from_site' %>
--- a/app/workflows/create_liquid_template_context_workflow.rb
+++ b/app/workflows/create_liquid_template_context_workflow.rb
@@ -0,0 +1,159 @@
+class CreateLiquidTemplateContextWorkflow
+  TENANT_ATTRIBUTES = [:site_name, :subdomain, :custom_domain].freeze
+  BOARD_ATTRIBUTES = [:id, :name, :description, :slug, :created_at, :updated_at].freeze
+  POST_STATUS_ATTRIBUTES = [:id, :name, :color, :show_in_roadmap, :created_at, :updated_at].freeze
+  USER_ATTRIBUTES = [:id, :email, :full_name, :role, :status, :created_at, :updated_at].freeze
+  POST_ATTRIBUTES = [:id, :title, :description, :slug, :board_id, :user_id, :created_at, :updated_at].freeze
+  POST_VIRTUAL_ATTRIBUTES = [:url].freeze
+  COMMENT_ATTRIBUTES = [:id, :body, :user_id, :post_id, :created_at, :updated_at].freeze
+
+  attr_accessor :webhook_trigger, :is_test, :entities
+
+  def initialize(webhook_trigger: "new_post", is_test: false, entities: {})
+    @webhook_trigger = webhook_trigger
+    @entities = entities
+
+    if is_test
+      board_test_entity = Board.new(
+        id: 0,
+        name: 'Example board for webhook testing',
+        description: 'This is just an example board for testing webhooks out! Do not worry: this board is not saved anywhere in your feedback space ;)',
+        slug: 'example-board',
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      post_status_test_entity = PostStatus.new(
+        id: 0,
+        name: 'Example post status',
+        color: '#000000',
+        show_in_roadmap: true,
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      user_test_entity = User.new(
+        id: 0,
+        email: 'user@example.com',
+        full_name: 'Test User',
+        role: 'user',
+        status: 'active',
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      post_author_test_entity = User.new(
+        id: 0,
+        email: 'user1@example.com',
+        full_name: 'Test User Post Author',
+        role: 'user',
+        status: 'active',
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      comment_author_test_entity = User.new(
+        id: 0,
+        email: 'user2@example.com',
+        full_name: 'Test User Comment Author',
+        role: 'user',
+        status: 'active',
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      vote_author_test_entity = User.new(
+        id: 0,
+        email: 'user3@example.com',
+        full_name: 'Test User Vote Author',
+        role: 'user',
+        status: 'active',
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      post_test_entity = Post.new(
+        id: 0,
+        title: 'Example post for webhook testing',
+        description: 'This is just an example post for testing webhooks out! Do not worry: this post is not saved anywhere in your feedback space ;)',
+        slug: 'example-post',
+        board_id: 0,
+        user_id: 0,
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+
+      comment_test_entity = Comment.new(
+        id: 0,
+        body: 'This is just an example comment for testing webhooks out!',
+        user_id: 0,
+        post_id: 0,
+        created_at: Time.now,
+        updated_at: Time.now,
+      )
+      
+      @entities = {
+        board: board_test_entity,
+        post_status: post_status_test_entity,
+        user: user_test_entity,
+        post_author: post_author_test_entity,
+        comment_author: comment_author_test_entity,
+        vote_author: vote_author_test_entity,
+        post: post_test_entity,
+        comment: comment_test_entity,
+
+        # for delete_post trigger
+        post_id: 0,
+      }
+    end
+  end
+
+  def run
+    tenant = Current.tenant_or_raise!
+    context = {}
+
+    # Add general context variables
+    context['tenant'] = tenant.as_json(only: TENANT_ATTRIBUTES)
+
+    # Add context variables specific to the webhook trigger
+    # To keep in sync with app/javascript/components/SiteSettings/Webhooks/TemplateVariablesSelector.tsx
+    case webhook_trigger
+    when 'new_post'
+      context['post'] = @entities[:post].as_json(only: POST_ATTRIBUTES, methods: POST_VIRTUAL_ATTRIBUTES)
+      context['post_author'] = @entities.key?(:post_author) ? @entities[:post_author].as_json(only: USER_ATTRIBUTES) : nil
+      context['board'] = @entities[:board].as_json(only: BOARD_ATTRIBUTES)
+
+    when 'new_post_pending_approval'
+      context['post'] = @entities[:post].as_json(only: POST_ATTRIBUTES, methods: POST_VIRTUAL_ATTRIBUTES)
+      context['post_author'] = @entities.key?(:post_author) ? @entities[:post_author].as_json(only: USER_ATTRIBUTES) : nil
+      context['board'] = @entities[:board].as_json(only: BOARD_ATTRIBUTES)
+
+    when 'delete_post'
+      context['post'] = { id: @entities[:post_id] }.as_json
+
+    when 'post_status_change'
+      context['post'] = @entities[:post].as_json(only: POST_ATTRIBUTES, methods: POST_VIRTUAL_ATTRIBUTES)
+      context['post_author'] = @entities.key?(:post_author) ? @entities[:post_author].as_json(only: USER_ATTRIBUTES) : nil
+      context['board'] = @entities[:board].as_json(only: BOARD_ATTRIBUTES)
+      context['post_status'] = @entities.key?(:post_status) ? @entities[:post_status].as_json(only: POST_STATUS_ATTRIBUTES) : { name: I18n.t('post.post_status_select.no_post_status'), color: '#000000' }.as_json
+
+    when 'new_comment'
+      context['comment'] = @entities[:comment].as_json(only: COMMENT_ATTRIBUTES)
+      context['comment_author'] = @entities[:comment_author].as_json(only: USER_ATTRIBUTES)
+      context['post'] = @entities[:post].as_json(only: POST_ATTRIBUTES, methods: POST_VIRTUAL_ATTRIBUTES)
+      context['post_author'] = @entities.key?(:post_author) ? @entities[:post_author].as_json(only: USER_ATTRIBUTES) : nil
+      context['board'] = @entities[:board].as_json(only: BOARD_ATTRIBUTES)
+
+    when 'new_vote'
+      context['vote_author'] = @entities[:vote_author].as_json(only: USER_ATTRIBUTES)
+      context['post'] = @entities[:post].as_json(only: POST_ATTRIBUTES, methods: POST_VIRTUAL_ATTRIBUTES)
+      context['post_author'] = @entities.key?(:post_author) ? @entities[:post_author].as_json(only: USER_ATTRIBUTES) : nil
+      context['board'] = @entities[:board].as_json(only: BOARD_ATTRIBUTES)
+
+    when 'new_user'
+      context['user'] = @entities[:user].as_json(only: USER_ATTRIBUTES)
+    end
+
+    context
+  end
+end
--- a/config/application.rb
+++ b/config/application.rb
@@ -14,6 +14,9 @@ module App
    # Set default locale
    config.i18n.default_locale = :en

+    # Set sidekiq as ActiveJob backend
+    config.active_job.queue_adapter = ENV["ACTIVE_JOB_BACKEND"] == "sidekiq" ? :sidekiq : :async
+
    # Settings in config/environments/* take precedence over those specified here.
    # Application configuration can go into files in config/initializers
    # -- all .rb files in that directory are automatically loaded after loading
@@ -64,5 +67,9 @@ module App
    def stripe_yearly_lookup_key
      ENV["STRIPE_YEARLY_LOOKUP_KEY"]
    end
+
+    def sidekiq_enabled?
+      ENV["ACTIVE_JOB_BACKEND"] == "sidekiq"
+    end
  end
 end
--- a/config/initializers/liquid.rb
+++ b/config/initializers/liquid.rb
@@ -0,0 +1,4 @@
+require Rails.root.join('app/lib/custom_liquid_filters') # Load the custom filters module
+
+# Register the custom filter
+Liquid::Template.register_filter(CustomLiquidFilters)
--- a/config/initializers/sidekiq.rb
+++ b/config/initializers/sidekiq.rb
@@ -0,0 +1,38 @@
+if ENV['ACTIVE_JOB_BACKEND'] == 'sidekiq'
+  Sidekiq.configure_server do |config|
+    redis_url = ENV['REDIS_URL'].dup
+    redis_url.insert(8, ":#{ENV['REDIS_PASSWORD']}@")
+
+    config.logger.level = Rails.env.production? ? Logger::INFO : Logger::DEBUG    
+    config.redis = { url: redis_url }
+  end
+
+  Sidekiq.configure_client do |config|
+    redis_url = ENV['REDIS_URL'].dup
+    redis_url.insert(8, ":#{ENV['REDIS_PASSWORD']}@")
+
+    config.logger.level = Rails.env.production? ? Logger::INFO : Logger::DEBUG
+    config.redis = { url: redis_url }
+  end
+
+  # Sidekiq Cron
+  if ENV['IS_SIDEKIQ'] == 'true'
+    Sidekiq::Cron.configure do |config|
+      # config.cron_schedule_file doesn't work for some reason so we have to create the cron jobs manually
+      Sidekiq::Cron::Job.create(
+        name: 'SendRecapEmails Job',
+        cron: ENV.fetch('SEND_RECAP_EMAIL_CRON') { '0 15 * * *' }, # defaults to every day at 15:00
+        class: 'SendRecapEmails'
+      )
+      
+      config.cron_poll_interval = Rails.env.production? ? 30 : 15
+      config.cron_history_size = 50
+      config.default_namespace = 'default'
+      config.natural_cron_parsing_mode = :strict
+      
+      # Handles the case when the Sidekiq process was down for a while and the cron job should have run (set to 10 minutes, i.e. 600 seconds)
+      # This could happen during the deployment of a new version of the application
+      config.reschedule_grace_period = 600
+    end
+  end
+end
--- a/config/locales/backend/backend.en.yml
+++ b/config/locales/backend/backend.en.yml
@@ -50,6 +50,11 @@ en:
      notify_follower_of_post_status_change:
        subject: '[%{site_name}] Status change on post "%{post}"'
        body_html: 'There is a status update on the post you are following <b>%{post}</b>'
+      recap:
+        subject: '[%{site_name}] %{frequency} recap of feedback space activity'
+        body_html: 'Here is the %{frequency} recap of activities in your feedback space'
+        published_posts_count_html: 'New published feedback: %{count}'
+        pending_posts_count_html: 'New feedback pending approval: %{count}'
  activerecord:
    models:
      board:
@@ -73,6 +78,9 @@ en:
      user:
        one: 'User'
        other: 'Users'
+      webhook:
+        one: 'Webhook'
+        other: 'Webhooks'
    attributes:
      board:
        name: 'Name'
@@ -148,6 +156,16 @@ en:
        password_confirmation: 'Password confirmation'
        role: 'Role'
        notifications_enabled: 'Notifications enabled'
+        recap_notification_frequency: 'Recap notification frequency'
+      webhook:
+        name: 'Name'
+        description: 'Description'
+        is_enabled: 'Enabled'
+        trigger: 'Trigger'
+        url: 'URL'
+        http_body: 'HTTP request body'
+        http_method: 'HTTP method'
+        http_headers: 'HTTP request headers'
    errors:
      messages:
        invalid: 'is invalid'
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -19,8 +19,13 @@ en:
        new_password: 'New password'
        new_password_confirmation: 'New password confirmation'
        current_password: 'Current password'
-        notifications_enabled: 'Notifications enabled'
+        notifications: 'Notifications'
        notifications_enabled_help: "if disabled, you won't receive any notification"
+        recap_notification_frequency_never: 'Never'
+        recap_notification_frequency_daily: 'Daily'
+        recap_notification_frequency_weekly: 'Weekly'
+        recap_notification_frequency_monthly: 'Monthly'
+        recap_notification_frequency_help: 'recap notifications let you know if new feedback has been submitted or is waiting for your approval'
        waiting_confirmation: 'Currently waiting confirmation for %{email}'
        no_password_set: 'You must set a password to update your profile'
        set_password: 'Set password'
@@ -66,6 +71,7 @@ en:
    disabled: 'Disabled'
    copied: 'Copied!'
    user_staff: 'Staff'
+    language_supported: '%{language} supported'
    powered_by: 'Powered by'
    buttons:
      new: 'New'
@@ -81,6 +87,7 @@ en:
      approve: 'Approve'
      reject: 'Reject'
      copy_to_clipboard: 'Copy to clipboard'
+      preview: 'Preview'
    datetime:
      now: 'just now'
      minutes:
@@ -183,6 +190,7 @@ en:
      boards: 'Boards'
      post_statuses: 'Statuses'
      roadmap: 'Roadmap'
+      webhooks: 'Webhooks'
      invitations: 'Invitations'
      appearance: 'Appearance'
    info_box:
@@ -301,6 +309,33 @@ en:
        subtitle_oauth_config: 'OAuth configuration'
        subtitle_user_profile_config: 'User profile configuration'
        client_secret_help: 'hidden for security purposes'
+    webhooks:
+      title: 'Webhooks'
+      learn_more: 'Learn how to configure and use webhooks'
+      empty: 'There are no webhooks.'
+      triggers:
+        new_post: 'New post'
+        new_post_pending_approval: 'New post (pending approval)'
+        delete_post: 'Delete post'
+        post_status_change: 'Post status change'
+        new_comment: 'New comment'
+        new_vote: 'New vote'
+        new_user: 'New user'
+      http_methods:
+        post: 'POST'
+        put: 'PUT'
+        patch: 'PATCH'
+        delete: 'DELETE'
+      form:
+        title_new: 'New webhook'
+        title_edit: 'Edit webhook'
+        add_header: 'Add header'
+        header_n_key: 'Header %{n} key'
+        header_n_value: 'Header %{n} value'
+        template_variables_selector_placeholder: 'Select a template variable...'
+        preview_error: 'There is an error in your template'
+      test_page:
+        title: 'Webhook test results'
  moderation:
    menu:
      feedback: 'Feedback'
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -50,6 +50,9 @@ Rails.application.routes.draw do
    
    resources :tenants, only: [:show, :update]
    resources :users, only: [:index, :update]
+    resources :webhooks, only: [:index, :create, :update, :destroy]
+    put '/webhooks_preview', to: 'webhooks#preview'
+    put '/webhooks/:id/test', to: 'webhooks#test'
    resources :o_auths, only: [:index, :create, :update, :destroy] do
      resource :tenant_default_o_auths, only: [:create, :destroy]
    end
@@ -87,6 +90,7 @@ Rails.application.routes.draw do
      get 'boards'
      get 'post_statuses'
      get 'roadmap'
+      get 'webhooks'
      get 'invitations'
      get 'appearance'
    end
--- a/db/migrate/20241118082824_add_recap_notification_frequency_to_users.rb
+++ b/db/migrate/20241118082824_add_recap_notification_frequency_to_users.rb
@@ -0,0 +1,5 @@
+class AddRecapNotificationFrequencyToUsers < ActiveRecord::Migration[6.1]
+  def change
+    add_column :users, :recap_notification_frequency, :integer, default: 0, null: false
+  end
+end
--- a/db/migrate/20241130112415_create_webhooks.rb
+++ b/db/migrate/20241130112415_create_webhooks.rb
@@ -0,0 +1,19 @@
+class CreateWebhooks < ActiveRecord::Migration[6.1]
+  def change
+    create_table :webhooks do |t|
+      t.string :name, null: false
+      t.string :description
+      t.boolean :is_enabled, null: false, default: false
+      t.integer :trigger, null: false, default: 0
+      t.string :url, null: false
+      t.text :http_body
+      t.integer :http_method, null: false, default: 0
+      t.json :http_headers
+      t.references :tenant, null: false, foreign_key: true
+
+      t.timestamps
+    end
+
+    add_index :webhooks, [:name, :tenant_id], unique: true
+  end
+end
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.

-ActiveRecord::Schema.define(version: 2024_10_04_170520) do
+ActiveRecord::Schema.define(version: 2024_11_30_112415) do

  # These are extensions that must be enabled in order to support this database
  enable_extension "plpgsql"
@@ -239,12 +239,29 @@ ActiveRecord::Schema.define(version: 2024_10_04_170520) do
    t.datetime "last_sign_in_at"
    t.string "current_sign_in_ip"
    t.string "last_sign_in_ip"
+    t.integer "recap_notification_frequency", default: 0, null: false
    t.index ["confirmation_token"], name: "index_users_on_confirmation_token", unique: true
    t.index ["email", "tenant_id"], name: "index_users_on_email_and_tenant_id", unique: true
    t.index ["reset_password_token"], name: "index_users_on_reset_password_token", unique: true
    t.index ["tenant_id"], name: "index_users_on_tenant_id"
  end

+  create_table "webhooks", force: :cascade do |t|
+    t.string "name", null: false
+    t.string "description"
+    t.boolean "is_enabled", default: false, null: false
+    t.integer "trigger", default: 0, null: false
+    t.string "url", null: false
+    t.text "http_body"
+    t.integer "http_method", default: 0, null: false
+    t.json "http_headers"
+    t.bigint "tenant_id", null: false
+    t.datetime "created_at", precision: 6, null: false
+    t.datetime "updated_at", precision: 6, null: false
+    t.index ["name", "tenant_id"], name: "index_webhooks_on_name_and_tenant_id", unique: true
+    t.index ["tenant_id"], name: "index_webhooks_on_tenant_id"
+  end
+
  add_foreign_key "api_keys", "tenants"
  add_foreign_key "api_keys", "users"
  add_foreign_key "boards", "tenants"
@@ -274,4 +291,5 @@ ActiveRecord::Schema.define(version: 2024_10_04_170520) do
  add_foreign_key "tenant_default_o_auths", "tenants"
  add_foreign_key "tenant_settings", "tenants"
  add_foreign_key "users", "tenants"
+  add_foreign_key "webhooks", "tenants"
 end
--- a/package.json
+++ b/package.json
@@ -20,17 +20,17 @@
    "@babel/preset-typescript": "7.21.5",
    "@stripe/react-stripe-js": "2.7.0",
    "@stripe/stripe-js": "3.3.0",
-    "@types/react": "16.9.2",
-    "@types/react-dom": "16.9.0",
+    "@types/react": "16.14.35",
+    "@types/react-dom": "16.9.25",
    "babel-loader": "9.1.2",
    "bootstrap": "4.6.2",
    "i18n-js": "3.9.2",
    "jquery": "3.5.1",
    "popper.js": "1.16.1",
    "rails-erb-loader": "5.5.2",
-    "react": "16.9.0",
+    "react": "16.14.0",
    "react-beautiful-dnd": "13.1.0",
-    "react-dom": "16.9.0",
+    "react-dom": "16.14.0",
    "react-gravatar": "2.6.3",
    "react-hook-form": "7.33.1",
    "react-icons": "5.0.1",
@@ -40,6 +40,7 @@
    "react-redux": "7.1.1",
    "react-select": "5.8.0",
    "react-sticky-box": "1.0.2",
+    "react-tooltip": "5.28.0",
    "react_ujs": "2.6.0",
    "redux": "4.0.4",
    "redux-thunk": "2.3.0",
--- a/spec/factories/webhooks.rb
+++ b/spec/factories/webhooks.rb
@@ -0,0 +1,11 @@
+FactoryBot.define do
+  factory :webhook do
+    sequence(:name) { |n| "Webhook#{n}" }
+    description { "Webhook description" }
+    url { "http://example.com" }
+    trigger { "new_post" }
+    http_method { "http_post" }
+    http_body { "requestbody" }
+    http_headers { "" }
+  end
+end
--- a/spec/jobs/send_recap_emails_spec.rb
+++ b/spec/jobs/send_recap_emails_spec.rb
@@ -0,0 +1,187 @@
+require 'rails_helper'
+include ActiveSupport::Testing::TimeHelpers
+
+RSpec.describe SendRecapEmails, type: :job do
+  before do
+    @hour_of_execution = 15
+
+    @admin = FactoryBot.create(:user, role: 'admin', notifications_enabled: true)
+    allow(UserMailer).to receive(:recap).and_call_original
+  end
+
+  it 'sends a daily recap email with published posts count and pending posts count' do
+    @admin.recap_notification_frequency = 'daily'
+    @admin.save
+
+    travel_to Time.now.utc.change(hour: @hour_of_execution) do
+      # Published posts
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 23.hours.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 16.hours.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 30.hours.ago) # Should not be included in recap
+
+      # Pending posts
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 23.hours.ago)
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 30.hours.ago) # Should not be included in recap
+
+      SendRecapEmails.perform_now(@hour_of_execution)
+      expect(UserMailer).to have_received(:recap).with(
+        frequency: 'Daily',
+        user: @admin,
+        published_posts_count: 2,
+        pending_posts_count: 1
+      ).once
+    end
+  end
+
+  it 'does not count posts published by the user receiving the recap email' do
+    @admin.recap_notification_frequency = 'daily'
+    @admin.save
+
+    travel_to Time.now.utc.change(hour: @hour_of_execution) do
+      # Published posts
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 23.hours.ago, user: @admin) # Should not be included in recap
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 16.hours.ago)
+
+      # Pending posts
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 23.hours.ago)
+
+      SendRecapEmails.perform_now(@hour_of_execution)
+      expect(UserMailer).to have_received(:recap).with(
+        frequency: 'Daily',
+        user: @admin,
+        published_posts_count: 1,
+        pending_posts_count: 1
+      ).once
+    end
+  end
+
+  it 'sends a recap email for every owner/admin/mod with notifications enabled and recap_notification_frequency set' do
+    @admin.recap_notification_frequency = 'daily'
+    @admin.save
+    owner = FactoryBot.create(:user, role: 'owner', notifications_enabled: true, recap_notification_frequency: 'daily')
+    mod = FactoryBot.create(:user, role: 'moderator', notifications_enabled: false, recap_notification_frequency: 'daily') # Should not receive recap
+
+    travel_to Time.now.utc.change(hour: @hour_of_execution) do
+      # Published posts
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 23.hours.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 16.hours.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 30.hours.ago) # Should not be included in recap
+
+      # Pending posts
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 23.hours.ago)
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 30.hours.ago) # Should not be included in recap
+
+      SendRecapEmails.perform_now(@hour_of_execution)
+      expect(UserMailer).to have_received(:recap).with(
+        frequency: 'Daily',
+        user: @admin,
+        published_posts_count: 2,
+        pending_posts_count: 1
+      ).once
+      expect(UserMailer).to have_received(:recap).with(
+        frequency: 'Daily',
+        user: owner,
+        published_posts_count: 2,
+        pending_posts_count: 1
+      ).once
+      expect(UserMailer).not_to have_received(:recap).with(
+        frequency: 'Daily',
+        user: mod,
+        published_posts_count: 2,
+        pending_posts_count: 1
+      )
+    end
+  end
+
+  it 'sends a weekly recap email with published posts count and pending posts count on Monday' do
+    @admin.recap_notification_frequency = 'weekly'
+    @admin.save
+
+    travel_to Time.zone.local(2024, 11, 18, @hour_of_execution, 0, 0) do # Monday
+      # Published posts
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 6.days.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 10.days.ago) # Should not be included in recap
+
+      # Pending posts
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 1.minute.ago)
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 6.days.ago)
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 10.days.ago) # Should not be included in recap
+
+      SendRecapEmails.perform_now(@hour_of_execution)
+      expect(UserMailer).to have_received(:recap).with(
+        frequency: 'Weekly',
+        user: @admin,
+        published_posts_count: 2,
+        pending_posts_count: 2
+      ).once
+    end
+  end
+
+  it 'does not send a weekly recap email on days other than Monday' do
+    @admin.recap_notification_frequency = 'weekly'
+    @admin.save
+
+    travel_to Time.zone.local(2024, 11, 19, @hour_of_execution, 0, 0) do # Tuesday
+      SendRecapEmails.perform_now(@hour_of_execution)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      expect(UserMailer).not_to have_received(:recap)
+    end
+
+    travel_to Time.zone.local(2024, 11, 20, @hour_of_execution, 0, 0) do # Wednesday
+      SendRecapEmails.perform_now(@hour_of_execution)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      expect(UserMailer).not_to have_received(:recap)
+    end
+
+    travel_to Time.zone.local(2024, 11, 21, @hour_of_execution, 0, 0) do # Thursday
+      SendRecapEmails.perform_now(@hour_of_execution)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      expect(UserMailer).not_to have_received(:recap)
+    end
+
+    travel_to Time.zone.local(2024, 11, 22, @hour_of_execution, 0, 0) do # Friday
+      SendRecapEmails.perform_now(@hour_of_execution)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      expect(UserMailer).not_to have_received(:recap)
+    end
+
+    travel_to Time.zone.local(2024, 11, 23, @hour_of_execution, 0, 0) do # Saturday
+      SendRecapEmails.perform_now(@hour_of_execution)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      expect(UserMailer).not_to have_received(:recap)
+    end
+
+    travel_to Time.zone.local(2024, 11, 24, @hour_of_execution, 0, 0) do # Sunday
+      SendRecapEmails.perform_now(@hour_of_execution)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      expect(UserMailer).not_to have_received(:recap)
+    end
+  end
+
+  it 'sends a monthly recap email with published posts count and pending posts count on the first day of the month' do
+    @admin.recap_notification_frequency = 'monthly'
+    @admin.save
+
+    travel_to Time.zone.local(2024, 11, 1, @hour_of_execution, 0, 0) do # First day of the month
+      # Published posts
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 1.hour.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.days.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 3.weeks.ago)
+      FactoryBot.create(:post, approval_status: 'approved', created_at: 2.months.ago) # Should not be included in recap
+
+      # Pending posts
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 2.days.ago)
+      FactoryBot.create(:post, approval_status: 'pending', created_at: 2.months.ago) # Should not be included in recap
+
+      SendRecapEmails.perform_now(@hour_of_execution)
+
+      expect(UserMailer).to have_received(:recap).with(
+        frequency: 'Monthly',
+        user: @admin,
+        published_posts_count: 3,
+        pending_posts_count: 1
+      ).once
+    end
+  end
+end
--- a/spec/mailers/previews/user_mailer_preview.rb
+++ b/spec/mailers/previews/user_mailer_preview.rb
@@ -33,4 +33,13 @@ class UserMailerPreview < ActionMailer::Preview
    follower = comment.post.follows.first.user
    UserMailer.notify_follower_of_post_status_change(post: Post.first, follower: follower)
  end
+
+  def recap
+    UserMailer.recap(
+      frequency: I18n.t('common.forms.auth.recap_notification_frequency_daily'),
+      user: User.first,
+      published_posts_count: 3,
+      pending_posts_count: 2,
+    )
+  end
 end
--- a/spec/models/webhook_spec.rb
+++ b/spec/models/webhook_spec.rb
@@ -0,0 +1,70 @@
+require 'rails_helper'
+
+RSpec.describe Webhook, type: :model do
+  let(:webhook) { FactoryBot.build(:webhook) }
+
+  it 'has a valid factory' do
+    expect(webhook).to be_valid
+  end
+
+  it 'must have a name' do
+    webhook.name = nil
+    expect(webhook).to be_invalid
+  end
+
+  it 'must have a url' do
+    webhook.url = nil
+    expect(webhook).to be_invalid
+  end
+
+  it 'must have a trigger' do
+    webhook.trigger = nil
+    expect(webhook).to be_invalid
+  end
+
+  it 'must have a http_method' do
+    webhook.http_method = nil
+    expect(webhook).to be_invalid
+  end
+
+  it 'is disabled by default' do
+    expect(webhook.is_enabled).to eq(false)
+  end
+
+  it 'can have the following triggers: new_post, new_post_pending_approval, delete_post, post_status_change, new_comment, new_vote, new_user' do
+    webhook.trigger = 'new_post'
+    expect(webhook).to be_valid
+
+    webhook.trigger = 'new_post_pending_approval'
+    expect(webhook).to be_valid
+
+    webhook.trigger = 'delete_post'
+    expect(webhook).to be_valid
+
+    webhook.trigger = 'post_status_change'
+    expect(webhook).to be_valid
+
+    webhook.trigger = 'new_comment'
+    expect(webhook).to be_valid
+
+    webhook.trigger = 'new_vote'
+    expect(webhook).to be_valid
+
+    webhook.trigger = 'new_user'
+    expect(webhook).to be_valid
+  end
+
+  it 'can have the following http_methods: http_post, http_put, http_patch, http_delete' do
+    webhook.http_method = 'http_post'
+    expect(webhook).to be_valid
+
+    webhook.http_method = 'http_put'
+    expect(webhook).to be_valid
+
+    webhook.http_method = 'http_patch'
+    expect(webhook).to be_valid
+
+    webhook.http_method = 'http_delete'
+    expect(webhook).to be_valid
+  end
+end
--- a/yarn.lock
+++ b/yarn.lock
@@ -1297,11 +1297,24 @@
    "@floating-ui/core" "^1.6.0"
    "@floating-ui/utils" "^0.2.7"

+"@floating-ui/dom@^1.6.1":
+  version "1.6.12"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.12.tgz#6333dcb5a8ead3b2bf82f33d6bc410e95f54e556"
+  integrity sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.8"
+
 "@floating-ui/utils@^0.2.7":
  version "0.2.7"
  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.7.tgz#d0ece53ce99ab5a8e37ebdfe5e32452a2bfc073e"
  integrity sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA==

+"@floating-ui/utils@^0.2.8":
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
+  integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
+
 "@gilbarbara/deep-equal@^0.1.1":
  version "0.1.2"
  resolved "https://registry.yarnpkg.com/@gilbarbara/deep-equal/-/deep-equal-0.1.2.tgz#1a106721368dba5e7e9fb7e9a3a6f9efbd8df36d"
@@ -1441,12 +1454,10 @@
  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
  integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==

-"@types/react-dom@16.9.0":
-  version "16.9.0"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.0.tgz#ba6ddb00bf5de700b0eb91daa452081ffccbfdea"
-  integrity sha512-OL2lk7LYGjxn4b0efW3Pvf2KBVP0y1v3wip1Bp7nA79NkOpElH98q3WdCEdDj93b2b0zaeBG9DvriuKjIK5xDA==
-  dependencies:
-    "@types/react" "*"
+"@types/react-dom@16.9.25":
+  version "16.9.25"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.25.tgz#fc6440aaae3d2d3aa10f6afeb7f1b0c4a55d5e31"
+  integrity sha512-ZK//eAPhwft9Ul2/Zj+6O11YR6L4JX0J2sVeBC9Ft7x7HFN7xk7yUV/zDxqV6rjvqgl6r8Dq7oQImxtyf/Mzcw==

 "@types/react-redux@7.1.3":
  version "7.1.3"
@@ -1483,13 +1494,19 @@
    "@types/prop-types" "*"
    csstype "^2.2.0"

-"@types/react@16.9.2":
-  version "16.9.2"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.2.tgz#6d1765431a1ad1877979013906731aae373de268"
-  integrity sha512-jYP2LWwlh+FTqGd9v7ynUKZzjj98T8x7Yclz479QdRhHfuW9yQ+0jjnD31eXSXutmBpppj5PYNLYLRfnZJvcfg==
+"@types/react@16.14.35":
+  version "16.14.35"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.35.tgz#9d3cf047d85aca8006c4776693124a5be90ee429"
+  integrity sha512-NUEiwmSS1XXtmBcsm1NyRRPYjoZF2YTE89/5QiLt5mlGffYK9FQqOKuOLuXNrjPQV04oQgaZG+Yq02ZfHoFyyg==
  dependencies:
    "@types/prop-types" "*"
-    csstype "^2.2.0"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/scheduler@*":
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.23.0.tgz#0a6655b3e2708eaabca00b7372fafd7a792a7b09"
+  integrity sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==

 "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2", "@types/unist@^2.0.3":
  version "2.0.6"
@@ -1850,6 +1867,11 @@ chrome-trace-event@^1.0.2:
  dependencies:
    tslib "^1.9.0"

+classnames@^2.3.0:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
+
 clone-deep@^4.0.1:
  version "4.0.1"
  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
@@ -1915,9 +1937,9 @@ cosmiconfig@^7.0.0:
    yaml "^1.10.0"

 cross-spawn@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.5.tgz#910aac880ff5243da96b728bc6521a5f6c2f2f82"
+  integrity sha512-ZVJrKKYunU38/76t0RMOulHOnUcbU9GbpWKAOZ0mhjr7CX6FVrH+4FrAapSOekrgFQ3f/8gwMEuIft0aKq6Hug==
  dependencies:
    path-key "^3.1.0"
    shebang-command "^2.0.0"
@@ -2784,15 +2806,15 @@ react-beautiful-dnd@13.1.0:
    redux "^4.0.4"
    use-memo-one "^1.1.1"

-react-dom@16.9.0:
-  version "16.9.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.9.0.tgz#5e65527a5e26f22ae3701131bcccaee9fb0d3962"
-  integrity sha512-YFT2rxO9hM70ewk9jq0y6sQk8cL02xm4+IzYBz75CQGlClQQ1Bxq0nhHF6OtSbit+AIahujJgb/CPRibFkMNJQ==
+react-dom@16.14.0:
+  version "16.14.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.14.0.tgz#7ad838ec29a777fb3c75c3a190f661cf92ab8b89"
+  integrity sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==
  dependencies:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"
    prop-types "^15.6.2"
-    scheduler "^0.15.0"
+    scheduler "^0.19.1"

 react-floater@^0.7.9:
  version "0.7.9"
@@ -2930,6 +2952,14 @@ react-sticky-box@1.0.2:
  dependencies:
    resize-observer-polyfill "^1.5.1"

+react-tooltip@5.28.0:
+  version "5.28.0"
+  resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-5.28.0.tgz#c7b5343ab2d740a428494a3d8315515af1f26f46"
+  integrity sha512-R5cO3JPPXk6FRbBHMO0rI9nkUG/JKfalBSQfZedZYzmqaZQgq7GLzF8vcCWx6IhUCKg0yPqJhXIzmIO5ff15xg==
+  dependencies:
+    "@floating-ui/dom" "^1.6.1"
+    classnames "^2.3.0"
+
 react-transition-group@^4.3.0:
  version "4.4.5"
  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
@@ -2940,10 +2970,10 @@ react-transition-group@^4.3.0:
    loose-envify "^1.4.0"
    prop-types "^15.6.2"

-react@16.9.0:
-  version "16.9.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.9.0.tgz#40ba2f9af13bc1a38d75dbf2f4359a5185c4f7aa"
-  integrity sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==
+react@16.14.0:
+  version "16.14.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
+  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
  dependencies:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"
@@ -3107,10 +3137,10 @@ sass@1.62.1:
    immutable "^4.0.0"
    source-map-js ">=0.6.2 <2.0.0"

-scheduler@^0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.15.0.tgz#6bfcf80ff850b280fed4aeecc6513bc0b4f17f8e"
-  integrity sha512-xAefmSfN6jqAa7Kuq7LIJY0bwAPG3xlCj0HMEBQk1lxYiDKZscY2xJ5U/61ZTrYbmNQbXa+gc7czPkVo11tnCg==
+scheduler@^0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
+  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
  dependencies:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"
Author	SHA1	Message	Date
Riccardo Graziosi	bb7d3e8218	Update README.md (#453 ) Add features section to README	2025-01-03 16:19:09 +01:00
dependabot[bot]	370f050b36	Bump rails-html-sanitizer from 1.6.0 to 1.6.1 (#448 ) Bumps [rails-html-sanitizer](https://github.com/rails/rails-html-sanitizer) from 1.6.0 to 1.6.1. - [Release notes](https://github.com/rails/rails-html-sanitizer/releases) - [Changelog](https://github.com/rails/rails-html-sanitizer/blob/main/CHANGELOG.md) - [Commits](https://github.com/rails/rails-html-sanitizer/compare/v1.6.0...v1.6.1) --- updated-dependencies: - dependency-name: rails-html-sanitizer dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Riccardo Graziosi <31478034+riggraz@users.noreply.github.com>	2025-01-03 12:14:59 +01:00
Riccardo Graziosi	a12a95eccc	Add webhooks (#447 )	2024-12-20 14:06:48 +01:00
Riccardo Graziosi	2290cff507	Fix frontend regex for email address (#449 )	2024-12-10 11:51:28 +01:00
Riccardo Graziosi	17c3e621b9	Fix Sidekiq Cron initializer (#443 )	2024-11-27 15:46:33 +01:00
Riccardo Graziosi	87b267998b	Fix sidekiq cron SendRecapEmails job scheduling creation (#442 )	2024-11-25 18:56:24 +01:00
Riccardo Graziosi	9b57df60a4	Fix get_url_for helper method (#441 )	2024-11-25 17:31:46 +01:00
Riccardo Graziosi	c0d70186f6	Send recap emails for new feedback (#440 )	2024-11-19 17:17:05 +01:00
dependabot[bot]	ace50e1089	Bump cross-spawn from 7.0.3 to 7.0.5 (#439 ) Bumps [cross-spawn](https://github.com/moxystudio/node-cross-spawn) from 7.0.3 to 7.0.5. - [Changelog](https://github.com/moxystudio/node-cross-spawn/blob/master/CHANGELOG.md) - [Commits](https://github.com/moxystudio/node-cross-spawn/compare/v7.0.3...v7.0.5) --- updated-dependencies: - dependency-name: cross-spawn dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2024-11-16 14:58:11 +01:00
Riccardo Graziosi	fb441564b8	Add sidekiq as a possible ActiveJob backend (#436 )	2024-11-16 14:25:27 +01:00