updates

Author: michelle0927

components/calendly_v2/actions/list-events/list-events.mjs

@@ -9,25 +9,16 @@ export default {
   props: {
     calendly,
     alert: {
-      type: "alert",
-      alertType: "info",
-      content: `
-      Select "authenticatedUser" scope to return events for the authenticated user
-      Select "organization" scope to return events for that organization (requires admin/owner privilege)
-      Select "user" scope to return events for a specific User in your organization (requires admin/owner privilege)
-      Select "group" scope to return events for a specific Group (requires organization admin/owner or group admin privilege)`,
+      propDefinition: [
+        calendly,
+        "listEventsAlert",
+      ],
     },
     scope: {
-      type: "string",
-      label: "Scope",
-      description: "The scope to fetch events for",
-      options: [
-        "authenticatedUser",
-        "organization",
-        "user",
-        "group",
+      propDefinition: [
+        calendly,
+        "listEventsScope",
       ],
-      default: "authenticatedUser",
       reloadProps: true,
     },
     organization: {
@@ -89,16 +80,7 @@ export default {
     },
   },
   async additionalProps(props) {
-    props.organization.hidden = this.scope === "authenticatedUser";
-    props.organization.optional = this.scope === "authenticatedUser";
-
-    props.group.hidden = this.scope !== "group";
-    props.group.optional = this.scope !== "group";
-
-    props.user.hidden = this.scope !== "user";
-    props.user.optional = this.scope !== "user";
-
-    return {};
+    return this.calendly.listEventsAdditionalProps(props, this.scope);
   },
   async run({ $ }) {
     const params = {

components/calendly_v2/calendly_v2.app.mjs

@@ -108,6 +108,22 @@ export default {
       description: "Indicates if the webhook subscription scope will be `organization` or `user`",
       options: constants.scopes,
     },
+    listEventsScope: {
+      type: "string",
+      label: "Scope",
+      description: "The scope to fetch events for",
+      options: constants.listEventsScopes,
+      default: "authenticatedUser",
+    },
+    listEventsAlert: {
+      type: "alert",
+      alertType: "info",
+      content: `
+      Select "authenticatedUser" scope to return events for the authenticated user
+      Select "organization" scope to return events for that organization (requires admin/owner privilege)
+      Select "user" scope to return events for a specific User in your organization (requires admin/owner privilege)
+      Select "group" scope to return events for a specific Group (requires organization admin/owner or group admin privilege)`,
+    },
   },
   methods: {
     _baseUri() {
@@ -375,5 +391,17 @@ export default {
         this._makeRequestOpts(opts),
       );
     },
+    listEventsAdditionalProps(props, scope) {
+      props.organization.hidden = scope === "authenticatedUser";
+      props.organization.optional = scope === "authenticatedUser";
+
+      props.group.hidden = scope !== "group";
+      props.group.optional = scope !== "group";
+
+      props.user.hidden = scope !== "user";
+      props.user.optional = scope !== "user";
+
+      return {};
+    },
   },
 };

components/calendly_v2/common/constants.mjs

@@ -7,4 +7,10 @@ export default {
     "active",
     "canceled",
   ],
+  listEventsScopes: [
+    "authenticatedUser",
+    "organization",
+    "user",
+    "group",
+  ],
 };

components/calendly_v2/sources/new-event-scheduled/new-event-scheduled.mjs

@@ -19,25 +19,16 @@ export default {
       },
     },
     alert: {
-      type: "alert",
-      alertType: "info",
-      content: `
-      Select "authenticatedUser" scope to return events for the authenticated user
-      Select "organization" scope to return events for that organization (requires admin/owner privilege)
-      Select "user" scope to return events for a specific User in your organization (requires admin/owner privilege)
-      Select "group" scope to return events for a specific Group (requires organization admin/owner or group admin privilege)`,
+      propDefinition: [
+        app,
+        "listEventsAlert",
+      ],
     },
     scope: {
-      type: "string",
-      label: "Scope",
-      description: "The scope to fetch events for",
-      options: [
-        "authenticatedUser",
-        "organization",
-        "user",
-        "group",
+      propDefinition: [
+        app,
+        "listEventsScope",
       ],
-      default: "authenticatedUser",
       reloadProps: true,
     },
     organization: {
@@ -74,16 +65,7 @@ export default {
     },
   },
   async additionalProps(props) {
-    props.organization.hidden = this.scope === "authenticatedUser";
-    props.organization.optional = this.scope === "authenticatedUser";
-
-    props.group.hidden = this.scope !== "group";
-    props.group.optional = this.scope !== "group";
-
-    props.user.hidden = this.scope !== "user";
-    props.user.optional = this.scope !== "user";
-
-    return {};
+    return this.app.listEventsAdditionalProps(props, this.scope);
   },
   methods: {
     emitEvent(data) {