feat(notifications): new notification pattern

schema.graphql

@@ -185,6 +185,12 @@ input CreateProjectNotificationsRuleInput {
   """Words to exclude from notification"""
   excluding: [String!]! = []
 
+  """Treshold to be reached to send notification"""
+  threshold: Int = 100
+
+  """Treshold period in milliseconds"""
+  thresholdPeriod: Int = 3600000
+
   """Notification channels to recieve events"""
   channels: NotificationsChannelsInput!
 }

src/analytics/amplitude.ts

@@ -43,6 +43,10 @@ export const Analytics = {
    * @param userId - user identifier
    */
   setUserId: (userId: string): void => {
+    if (!isRegistered) {
+      return;
+    }
+
     return setUserId(userId);
   },
 };

src/api/fragments.ts

@@ -80,6 +80,15 @@ export const PROJECT_NOTIFICATIONS_RULE_FRAGMENT = `
         isEnabled
       }
     }
+    threshold
+    thresholdPeriod
+  }
+`;
+
+export const PROJECT_NOTIFICATIONS_RULE_POINTER_FRAGMENT = `
+  fragment ProjectNotificationRulePointer on ProjectNotificationRulePointer {
+    id
+    projectId
   }
 `;
 

src/api/projects/index.js

@@ -5,6 +5,7 @@ import {
   MUTATION_UPDATE_LAST_VISIT,
   MUTATION_CREATE_PROJECT_NOTIFY_RULE,
   MUTATION_UPDATE_PROJECT_NOTIFY_RULE,
+  MUTATION_REMOVE_PROJECT_NOTIFY_RULE,
   MUTATION_REMOVE_PROJECT,
   MUTATION_TOGGLE_ENABLED_STATE_OF_A_PROJECT_NOTIFY_RULE,
   QUERY_CHART_DATA, MUTATION_GENERATE_NEW_INTEGRATION_TOKEN
@@ -114,6 +115,18 @@ export async function updateProjectNotificationsRule(payload) {
   })).updateProjectNotificationsRule;
 }
 
+/**
+ * Send request for removing specific project notifications rule
+ *
+ * @param {ProjectNotificationRulePointer} payload - update rule payload
+ * @returns {Promise<ProjectNotificationsRule>}
+ */
+export async function removeProjectNotificationsRule(payload) {
+  return (await api.callOld(MUTATION_REMOVE_PROJECT_NOTIFY_RULE, {
+    input: payload,
+  })).removeProjectNotificationsRule;
+}
+
 /**
  * Send request for updating specific project notifications rule
  *

src/api/projects/queries.js

@@ -109,6 +109,19 @@ export const MUTATION_UPDATE_PROJECT_NOTIFY_RULE = `
   ${PROJECT_NOTIFICATIONS_RULE_FRAGMENT}
 `;
 
+// language=GraphQL
+export const MUTATION_REMOVE_PROJECT_NOTIFY_RULE = `
+  mutation ( $input: ProjectNotificationRulePointer! ) {
+    deleteProjectNotificationsRule(
+      input: $input
+    ) {
+      ...ProjectNotificationsRule
+    }
+  }
+
+  ${PROJECT_NOTIFICATIONS_RULE_FRAGMENT}
+`;
+
 // language=GraphQL
 export const MUTATION_REMOVE_PROJECT = `
   mutation removeProject($projectId: ID!) {

src/components/forms/CustomSelect.vue

@@ -86,7 +86,7 @@ export default {
   },
   computed: {
     filteredOption() {
-      return this.options.filter(opt => opt !== this.value);
+      return this.options.filter(opt => opt.id !== this.value.id);
     },
   },
   methods: {

src/components/forms/RadioButtonGroup.vue

@@ -41,8 +41,15 @@
             v-if="option.description"
             class="radio-button-group__option-description"
           >
-            {{ option.description }}
+            <div v-if="option.description !== undefined">
+              {{ option.description }}
+            </div>
           </div>
+          <slot
+            v-else
+            name="description"
+            :option="option"
+          />
         </div>
 
         <UiRadio

src/components/modals/PaymentDetailsDialog.vue

@@ -318,7 +318,7 @@ export default Vue.extend({
       const newCardOption: CustomSelectOption = {
         id: NEW_CARD_ID,
         value: NEW_CARD_ID,
-        name:  this.$t('billing.paymentDetails.newCard') as string
+        name:  this.$t('billing.paymentDetails.newCard') as string,
       };
 
       if (!cards) {
@@ -592,7 +592,7 @@ export default Vue.extend({
         amount = AMOUNT_FOR_CARD_VALIDATION;
       }
 
-      const method = this.isOnlyCardValidationNeeded ? 'auth' : 'charge'
+      const method = this.isOnlyCardValidationNeeded ? 'auth' : 'charge';
 
       widget.pay(method,
         {

src/components/project/settings/Notifications.vue

@@ -37,6 +37,7 @@
         :project-id="project.id"
         :enable-editing="userCanEdit"
         @editClicked="editRule"
+        @removeClicked="removeRule"
       />
     </section>
   </div>
@@ -154,6 +155,15 @@ export default Vue.extend({
       this.addRuleOpened = true;
     },
 
+    removeRule(ruleId: string): void {
+      this.$store.dispatch('REMOVE_NOTIFICATIONS_RULE', {
+        projectId: this.project.id,
+        ruleId,
+      });
+
+      this.$forceUpdate();
+    },
+
     /**
      * Close and clear add rule form
      */