Google Analytics - add async options for properties (#17255)

* properties async options

* pnpm-lock.yaml

Author: michelle0927

components/google_analytics/actions/create-ga4-property/create-ga4-property.mjs

@@ -5,7 +5,7 @@ export default {
   key: "google_analytics-create-ga4-property",
   name: "Create GA4 Property",
   description: "Creates a new GA4 property. [See the documentation](https://developers.google.com/analytics/devguides/config/admin/v1/rest/v1beta/properties/create)",
-  version: "0.1.0",
+  version: "0.1.1",
   type: "action",
   props: {
     googleAnalytics,

components/google_analytics/actions/create-key-event/create-key-event.mjs

@@ -4,13 +4,15 @@ export default {
   key: "google_analytics-create-key-event",
   name: "Create Key Event",
   description: "Creates a new key event. [See the documentation](https://developers.google.com/analytics/devguides/config/admin/v1/rest/v1beta/properties.keyEvents/create)",
-  version: "0.0.1",
+  version: "0.0.2",
   type: "action",
   props: {
     app,
     parent: {
-      type: "string",
-      label: "Parent",
+      propDefinition: [
+        app,
+        "property",
+      ],
       description: "The resource name of the parent property where this Key Event will be created. Format: `properties/123`",
     },
     eventName: {

components/google_analytics/actions/run-report-in-ga4/run-report-in-ga4.mjs

@@ -2,15 +2,17 @@ import analytics from "../../google_analytics.app.mjs";
 
 export default {
   key: "google_analytics-run-report-in-ga4",
-  version: "0.1.0",
+  version: "0.1.1",
   name: "Run Report in GA4",
-  description: "Returns a customized report of your Google Analytics event data. Reports contain statistics derived from data collected by the Google Analytics tracking code. [See the documentation here](https://developers.google.com/analytics/devguides/reporting/data/v1/rest/v1beta/properties/runReport)",
+  description: "Returns a customized report of your Google Analytics event data. Reports contain statistics derived from data collected by the Google Analytics tracking code. [See the documentation](https://developers.google.com/analytics/devguides/reporting/data/v1/rest/v1beta/properties/runReport)",
   type: "action",
   props: {
     analytics,
     property: {
-      type: "string",
-      label: "Property",
+      propDefinition: [
+        analytics,
+        "property",
+      ],
       description: "A Google Analytics GA4 property identifier whose events are tracked. Specified in the URL path and not the body. To learn more, [see where to find your Property ID](https://developers.google.com/analytics/devguides/reporting/data/v1/property-id). Within a batch request, this property should either be unspecified or consistent with the batch-level property.",
     },
     startDate: {
@@ -64,8 +66,9 @@ export default {
       })),
       dimensionFilter: dimensionFilter,
     };
+    const property = this.property.match(/\d+/)[0];
     const report = await this.analytics.queryReportsGA4({
-      property: this.property,
+      property,
       data,
     });
     $.export("$summary", `Successfully retrieved report for the property ${this.property}`);

components/google_analytics/actions/run-report/run-report.mjs

@@ -2,9 +2,9 @@ import analytics from "../../google_analytics.app.mjs";
 
 export default {
   key: "google_analytics-run-report",
-  version: "0.1.0",
+  version: "0.1.1",
   name: "Run Report",
-  description: "Return report metrics based on a start and end date. [See the docs here](https://developers.google.com/analytics/devguides/reporting/core/v4/rest?hl=en)",
+  description: "Return report metrics based on a start and end date. [See the documentation](https://developers.google.com/analytics/devguides/reporting/core/v4/rest?hl=en)",
   type: "action",
   props: {
     analytics,

components/google_analytics/google_analytics.app.mjs

@@ -23,6 +23,18 @@ export default {
       label: "View Id",
       description: "ID of the view to monitor. Can be found on your Google Analytics Dashboard -> Admin -> View Setting",
     },
+    property: {
+      type: "string",
+      label: "Property",
+      description: "A Google Analytics property ID",
+      async options() {
+        const response = await this.listProperties();
+        return response?.map((property) => ({
+          label: property.displayName,
+          value: property.property,
+        }));
+      },
+    },
   },
   methods: {
     _accessToken() {
@@ -79,6 +91,14 @@ export default {
         ...args,
       });
     },
+    async listProperties(args = {}) {
+      const { accountSummaries } = await this.makeRequest({
+        path: "/accountSummaries",
+        ...args,
+      });
+      return accountSummaries.map(({ propertySummaries }) => propertySummaries).flat()
+        .filter((property) => property);
+    },
     queryReportsGA4({
       property, ...args
     } = {}) {

components/google_analytics/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/google_analytics",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Pipedream Google_analytics Components",
   "main": "google_analytics.app.mjs",
   "keywords": [

components/google_analytics/sources/page-opened/page-opened.mjs

@@ -4,7 +4,7 @@ import utils from "../../common/utils.mjs";
 
 export default {
   key: "google_analytics-page-opened",
-  version: "0.1.0",
+  version: "0.1.1",
   name: "New Page Opened",
   description: "Emit new event when a page is viewed",
   type: "source",