Add support for plan paymentFrequency

schema.graphql

@@ -827,6 +827,9 @@ type Plan {
   """Monthly charge currency for plan"""
   monthlyChargeCurrency: String!
 
+  """How often to charge payment for the plan"""
+  paymentFrequency: String
+
   """Events limit for plan"""
   eventsLimit: Int!
 

src/api/fragments.ts

@@ -123,6 +123,7 @@ export const WORKSPACE_PLAN = `
       monthlyCharge
       monthlyChargeCurrency
       eventsLimit
+      paymentFrequency
     }
   }
 `;

src/api/plans/queries.ts

@@ -10,6 +10,7 @@ export const QUERY_PLANS = `
         monthlyCharge
         monthlyChargeCurrency
         eventsLimit
+        paymentFrequency
       }
     }
 `;

src/components/modals/PaymentDetailsDialog.vue

@@ -393,7 +393,11 @@ export default Vue.extend({
        * Otherwise, we will debit money when the tariff plan expires
        */
       if (this.isTariffPlanExpired) {
-        date.setMonth(date.getMonth() + 1);
+        if (this.plan.paymentFrequency === 'daily') {
+          date.setDate(date.getDate() + 1);
+        } else {
+          date.setMonth(date.getMonth() + 1);
+        }
 
         return date.toDateString();
       }
@@ -567,10 +571,12 @@ export default Vue.extend({
         checksum: data.checksum,
       };
 
+      const interval = this.plan.paymentFrequency === 'daily' ? 'Day' : 'Month';
+
       if (this.isRecurrent) {
         paymentData.cloudPayments = {
           recurrent: {
-            interval: 'Month',
+            interval,
             period: 1,
           },
         };

src/types/plan.d.ts

@@ -31,4 +31,10 @@ export interface Plan {
    * Is plan default
    */
   isDefault?: boolean;
+
+  /**
+   * How often to charge payment for the plan.
+   * Monthly by default.
+   */
+  paymentFrequency?: 'monthly' | 'daily'
 }