@walkeros/web-destination-gtag 0.0.0-next-20251219153324

package/dist/examples/index.d.mts

@@ -0,0 +1,89 @@
+import { Mapping as Mapping$1 } from '@walkeros/core';
+import { DestinationWeb } from '@walkeros/web-core';
+
+declare global {
+    interface Window {
+        gtag?: Gtag.Gtag;
+        [key: string]: unknown;
+    }
+}
+interface Env extends DestinationWeb.Env {
+    window: {
+        gtag: Gtag.Gtag;
+        dataLayer: unknown[];
+    };
+    document: {
+        createElement: (tagName: string) => {
+            src: string;
+            async?: boolean;
+            setAttribute: (name: string, value: string) => void;
+            removeAttribute: (name: string) => void;
+        };
+        head: {
+            appendChild: (node: unknown) => void;
+        };
+    };
+}
+interface AdsMapping {
+    label?: string;
+}
+interface Mapping {
+    ga4?: GA4Mapping;
+    ads?: AdsMapping;
+    gtm?: GTMMapping;
+}
+interface GA4Mapping {
+    include?: Include;
+}
+interface GTMMapping {
+}
+type Rule = Mapping$1.Rule<Mapping>;
+type Include = Array<'all' | 'context' | 'data' | 'event' | 'globals' | 'source' | 'user' | 'version'>;
+
+declare const init: Env | undefined;
+declare const push: Env;
+declare const simulation: string[];
+
+declare const env_init: typeof init;
+declare const env_push: typeof push;
+declare const env_simulation: typeof simulation;
+declare namespace env {
+  export { env_init as init, env_push as push, env_simulation as simulation };
+}
+
+declare function ga4Purchase$1(): unknown[];
+declare function ga4AddToCart$1(): unknown[];
+declare function adsConversion$1(): unknown[];
+declare function gtmEvent(): Record<string, unknown>;
+
+declare const events_gtmEvent: typeof gtmEvent;
+declare namespace events {
+  export { adsConversion$1 as adsConversion, ga4AddToCart$1 as ga4AddToCart, ga4Purchase$1 as ga4Purchase, events_gtmEvent as gtmEvent };
+}
+
+declare const ga4Purchase: Rule;
+declare const ga4AddToCart: Rule;
+declare const adsConversion: Rule;
+declare const gtmProductView: Rule;
+declare const combinedPurchase: Rule;
+declare const config: {
+    order: {
+        complete: Rule;
+    };
+    product: {
+        add: Rule;
+        view: Rule;
+    };
+};
+
+declare const mapping_adsConversion: typeof adsConversion;
+declare const mapping_combinedPurchase: typeof combinedPurchase;
+declare const mapping_config: typeof config;
+declare const mapping_ga4AddToCart: typeof ga4AddToCart;
+declare const mapping_ga4Purchase: typeof ga4Purchase;
+declare const mapping_gtmProductView: typeof gtmProductView;
+declare namespace mapping {
+  export { mapping_adsConversion as adsConversion, mapping_combinedPurchase as combinedPurchase, mapping_config as config, mapping_ga4AddToCart as ga4AddToCart, mapping_ga4Purchase as ga4Purchase, mapping_gtmProductView as gtmProductView };
+}
+
+export { env, events, mapping };

package/dist/examples/index.d.ts

@@ -0,0 +1,89 @@
+import { Mapping as Mapping$1 } from '@walkeros/core';
+import { DestinationWeb } from '@walkeros/web-core';
+
+declare global {
+    interface Window {
+        gtag?: Gtag.Gtag;
+        [key: string]: unknown;
+    }
+}
+interface Env extends DestinationWeb.Env {
+    window: {
+        gtag: Gtag.Gtag;
+        dataLayer: unknown[];
+    };
+    document: {
+        createElement: (tagName: string) => {
+            src: string;
+            async?: boolean;
+            setAttribute: (name: string, value: string) => void;
+            removeAttribute: (name: string) => void;
+        };
+        head: {
+            appendChild: (node: unknown) => void;
+        };
+    };
+}
+interface AdsMapping {
+    label?: string;
+}
+interface Mapping {
+    ga4?: GA4Mapping;
+    ads?: AdsMapping;
+    gtm?: GTMMapping;
+}
+interface GA4Mapping {
+    include?: Include;
+}
+interface GTMMapping {
+}
+type Rule = Mapping$1.Rule<Mapping>;
+type Include = Array<'all' | 'context' | 'data' | 'event' | 'globals' | 'source' | 'user' | 'version'>;
+
+declare const init: Env | undefined;
+declare const push: Env;
+declare const simulation: string[];
+
+declare const env_init: typeof init;
+declare const env_push: typeof push;
+declare const env_simulation: typeof simulation;
+declare namespace env {
+  export { env_init as init, env_push as push, env_simulation as simulation };
+}
+
+declare function ga4Purchase$1(): unknown[];
+declare function ga4AddToCart$1(): unknown[];
+declare function adsConversion$1(): unknown[];
+declare function gtmEvent(): Record<string, unknown>;
+
+declare const events_gtmEvent: typeof gtmEvent;
+declare namespace events {
+  export { adsConversion$1 as adsConversion, ga4AddToCart$1 as ga4AddToCart, ga4Purchase$1 as ga4Purchase, events_gtmEvent as gtmEvent };
+}
+
+declare const ga4Purchase: Rule;
+declare const ga4AddToCart: Rule;
+declare const adsConversion: Rule;
+declare const gtmProductView: Rule;
+declare const combinedPurchase: Rule;
+declare const config: {
+    order: {
+        complete: Rule;
+    };
+    product: {
+        add: Rule;
+        view: Rule;
+    };
+};
+
+declare const mapping_adsConversion: typeof adsConversion;
+declare const mapping_combinedPurchase: typeof combinedPurchase;
+declare const mapping_config: typeof config;
+declare const mapping_ga4AddToCart: typeof ga4AddToCart;
+declare const mapping_ga4Purchase: typeof ga4Purchase;
+declare const mapping_gtmProductView: typeof gtmProductView;
+declare namespace mapping {
+  export { mapping_adsConversion as adsConversion, mapping_combinedPurchase as combinedPurchase, mapping_config as config, mapping_ga4AddToCart as ga4AddToCart, mapping_ga4Purchase as ga4Purchase, mapping_gtmProductView as gtmProductView };
+}
+
+export { env, events, mapping };

package/dist/examples/index.js

@@ -0,0 +1,328 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/examples/index.ts
+var examples_exports = {};
+__export(examples_exports, {
+  env: () => env_exports,
+  events: () => events_exports,
+  mapping: () => mapping_exports
+});
+module.exports = __toCommonJS(examples_exports);
+
+// src/examples/env.ts
+var env_exports = {};
+__export(env_exports, {
+  init: () => init,
+  push: () => push,
+  simulation: () => simulation
+});
+var noop = () => {
+};
+var init = {
+  window: {
+    gtag: void 0,
+    dataLayer: []
+  },
+  document: {
+    createElement: () => ({
+      src: "",
+      setAttribute: () => {
+      },
+      removeAttribute: () => {
+      }
+    }),
+    head: { appendChild: () => {
+    } }
+  }
+};
+var push = {
+  window: {
+    gtag: Object.assign(noop, {
+      // Add any gtag-specific properties if needed
+    }),
+    dataLayer: []
+  },
+  document: {
+    createElement: () => ({
+      src: "",
+      setAttribute: () => {
+      },
+      removeAttribute: () => {
+      }
+    }),
+    head: { appendChild: () => {
+    } }
+  }
+};
+var simulation = [
+  "call:window.gtag"
+  // Track gtag function calls
+];
+
+// src/examples/events.ts
+var events_exports = {};
+__export(events_exports, {
+  adsConversion: () => adsConversion,
+  ga4AddToCart: () => ga4AddToCart,
+  ga4Purchase: () => ga4Purchase,
+  gtmEvent: () => gtmEvent
+});
+
+// ../../../core/dist/index.mjs
+var e = Object.defineProperty;
+var c = {};
+((t, n) => {
+  for (var r in n) e(t, r, { get: n[r], enumerable: true });
+})(c, { Level: () => a });
+var a = ((e2) => (e2[e2.ERROR = 0] = "ERROR", e2[e2.INFO = 1] = "INFO", e2[e2.DEBUG = 2] = "DEBUG", e2))(a || {});
+var E = { merge: true, shallow: true, extend: true };
+function S(e2, t = {}, n = {}) {
+  n = { ...E, ...n };
+  const r = Object.entries(t).reduce((t2, [r2, o]) => {
+    const i = e2[r2];
+    return n.merge && Array.isArray(i) && Array.isArray(o) ? t2[r2] = o.reduce((e3, t3) => e3.includes(t3) ? e3 : [...e3, t3], [...i]) : (n.extend || r2 in e2) && (t2[r2] = o), t2;
+  }, {});
+  return n.shallow ? { ...e2, ...r } : (Object.assign(e2, r), e2);
+}
+function A(e2) {
+  return Array.isArray(e2);
+}
+function _(e2) {
+  return "object" == typeof e2 && null !== e2 && !A(e2) && "[object Object]" === Object.prototype.toString.call(e2);
+}
+function W(e2 = {}) {
+  var _a;
+  const t = e2.timestamp || (/* @__PURE__ */ new Date()).setHours(0, 13, 37, 0), n = e2.group || "gr0up", r = e2.count || 1, o = S({ name: "entity action", data: { string: "foo", number: 1, boolean: true, array: [0, "text", false], not: void 0 }, context: { dev: ["test", 1] }, globals: { lang: "elb" }, custom: { completely: "random" }, user: { id: "us3r", device: "c00k13", session: "s3ss10n" }, nested: [{ entity: "child", data: { is: "subordinated" }, nested: [], context: { element: ["child", 0] } }], consent: { functional: true }, id: `${t}-${n}-${r}`, trigger: "test", entity: "entity", action: "action", timestamp: t, timing: 3.14, group: n, count: r, version: { source: "0.5.1-next.0", tagging: 1 }, source: { type: "web", id: "https://localhost:80", previous_id: "http://remotehost:9001" } }, e2, { merge: false });
+  if (e2.name) {
+    const [t2, n2] = (_a = e2.name.split(" ")) != null ? _a : [];
+    t2 && n2 && (o.entity = t2, o.action = n2);
+  }
+  return o;
+}
+function B(e2 = "entity action", t = {}) {
+  const n = t.timestamp || (/* @__PURE__ */ new Date()).setHours(0, 13, 37, 0), r = { data: { id: "ers", name: "Everyday Ruck Snack", color: "black", size: "l", price: 420 } }, o = { data: { id: "cc", name: "Cool Cap", size: "one size", price: 42 } };
+  return W({ ...{ "cart view": { data: { currency: "EUR", value: 2 * r.data.price }, context: { shopping: ["cart", 0] }, globals: { pagegroup: "shop" }, nested: [{ entity: "product", data: { ...r.data, quantity: 2 }, context: { shopping: ["cart", 0] }, nested: [] }], trigger: "load" }, "checkout view": { data: { step: "payment", currency: "EUR", value: r.data.price + o.data.price }, context: { shopping: ["checkout", 0] }, globals: { pagegroup: "shop" }, nested: [{ entity: "product", ...r, context: { shopping: ["checkout", 0] }, nested: [] }, { entity: "product", ...o, context: { shopping: ["checkout", 0] }, nested: [] }], trigger: "load" }, "order complete": { data: { id: "0rd3r1d", currency: "EUR", shipping: 5.22, taxes: 73.76, total: 555 }, context: { shopping: ["complete", 0] }, globals: { pagegroup: "shop" }, nested: [{ entity: "product", ...r, context: { shopping: ["complete", 0] }, nested: [] }, { entity: "product", ...o, context: { shopping: ["complete", 0] }, nested: [] }, { entity: "gift", data: { name: "Surprise" }, context: { shopping: ["complete", 0] }, nested: [] }], trigger: "load" }, "page view": { data: { domain: "www.example.com", title: "walkerOS documentation", referrer: "https://www.walkeros.io/", search: "?foo=bar", hash: "#hash", id: "/docs/" }, globals: { pagegroup: "docs" }, trigger: "load" }, "product add": { ...r, context: { shopping: ["intent", 0] }, globals: { pagegroup: "shop" }, nested: [], trigger: "click" }, "product view": { ...r, context: { shopping: ["detail", 0] }, globals: { pagegroup: "shop" }, nested: [], trigger: "load" }, "product visible": { data: { ...r.data, position: 3, promo: true }, context: { shopping: ["discover", 0] }, globals: { pagegroup: "shop" }, nested: [], trigger: "load" }, "promotion visible": { data: { name: "Setting up tracking easily", position: "hero" }, context: { ab_test: ["engagement", 0] }, globals: { pagegroup: "homepage" }, trigger: "visible" }, "session start": { data: { id: "s3ss10n", start: n, isNew: true, count: 1, runs: 1, isStart: true, storage: true, referrer: "", device: "c00k13" }, user: { id: "us3r", device: "c00k13", session: "s3ss10n", hash: "h4sh", address: "street number", email: "user@example.com", phone: "+49 123 456 789", userAgent: "Mozilla...", browser: "Chrome", browserVersion: "90", deviceType: "desktop", language: "de-DE", country: "DE", region: "HH", city: "Hamburg", zip: "20354", timezone: "Berlin", os: "walkerOS", osVersion: "1.0", screenSize: "1337x420", ip: "127.0.0.0", internal: true, custom: "value" } } }[e2], ...t, name: e2 });
+}
+
+// src/examples/events.ts
+function ga4Purchase() {
+  const event = B("order complete");
+  return [
+    "event",
+    "purchase",
+    {
+      transaction_id: event.data.id,
+      value: event.data.total,
+      tax: event.data.taxes,
+      shipping: event.data.shipping,
+      currency: "EUR",
+      items: event.nested.filter((item) => item.entity === "product").map((item) => ({
+        item_id: item.data.id,
+        item_name: item.data.name,
+        quantity: 1
+      })),
+      send_to: "G-XXXXXX-1"
+    }
+  ];
+}
+function ga4AddToCart() {
+  const event = B("product add");
+  return [
+    "event",
+    "add_to_cart",
+    {
+      currency: "EUR",
+      value: event.data.price,
+      items: [
+        {
+          item_id: event.data.id,
+          item_variant: event.data.color,
+          quantity: 1
+        }
+      ],
+      send_to: "G-XXXXXX-1"
+    }
+  ];
+}
+function adsConversion() {
+  const event = B("order complete");
+  return [
+    "event",
+    "conversion",
+    {
+      send_to: "AW-XXXXXXXXX/CONVERSION_LABEL",
+      currency: "EUR",
+      value: event.data.total,
+      transaction_id: event.data.id
+    }
+  ];
+}
+function gtmEvent() {
+  const event = B("product view");
+  return {
+    event: "product_view",
+    product_id: event.data.id,
+    product_name: event.data.name,
+    product_category: event.data.category,
+    value: event.data.price,
+    currency: "EUR"
+  };
+}
+
+// src/examples/mapping.ts
+var mapping_exports = {};
+__export(mapping_exports, {
+  adsConversion: () => adsConversion2,
+  combinedPurchase: () => combinedPurchase,
+  config: () => config,
+  ga4AddToCart: () => ga4AddToCart2,
+  ga4Purchase: () => ga4Purchase2,
+  gtmProductView: () => gtmProductView
+});
+var ga4Purchase2 = {
+  name: "purchase",
+  settings: {
+    ga4: {
+      include: ["data", "context"]
+    }
+  },
+  data: {
+    map: {
+      transaction_id: "data.id",
+      value: "data.total",
+      tax: "data.taxes",
+      shipping: "data.shipping",
+      currency: { key: "data.currency", value: "EUR" },
+      items: {
+        loop: [
+          "nested",
+          {
+            condition: (entity) => _(entity) && entity.entity === "product",
+            map: {
+              item_id: "data.id",
+              item_name: "data.name",
+              quantity: { key: "data.quantity", value: 1 }
+            }
+          }
+        ]
+      }
+    }
+  }
+};
+var ga4AddToCart2 = {
+  name: "add_to_cart",
+  settings: {
+    ga4: {
+      include: ["data"]
+    }
+  },
+  data: {
+    map: {
+      currency: { value: "EUR", key: "data.currency" },
+      value: "data.price",
+      items: {
+        loop: [
+          "this",
+          {
+            map: {
+              item_id: "data.id",
+              item_variant: "data.color",
+              quantity: { value: 1, key: "data.quantity" }
+            }
+          }
+        ]
+      }
+    }
+  }
+};
+var adsConversion2 = {
+  name: "CONVERSION_LABEL",
+  // This becomes the conversion label
+  settings: {
+    ads: {}
+  },
+  data: {
+    map: {
+      value: "data.total",
+      currency: { value: "EUR", key: "data.currency" },
+      transaction_id: "data.id"
+    }
+  }
+};
+var gtmProductView = {
+  name: "product_view",
+  settings: {
+    gtm: {}
+  },
+  data: {
+    map: {
+      product_id: "data.id",
+      product_name: "data.name",
+      product_category: "data.category",
+      value: "data.price",
+      currency: { value: "EUR", key: "data.currency" }
+    }
+  }
+};
+var combinedPurchase = {
+  name: "purchase",
+  // GA4 event name
+  settings: {
+    ga4: {
+      include: ["data"]
+    },
+    ads: {},
+    // Will use 'purchase' as conversion label for ads
+    gtm: {}
+  },
+  data: {
+    map: {
+      transaction_id: "data.id",
+      value: "data.total",
+      currency: { value: "EUR", key: "data.currency" },
+      items: {
+        loop: [
+          "nested",
+          {
+            condition: (entity) => _(entity) && entity.entity === "product",
+            map: {
+              item_id: "data.id",
+              item_name: "data.name",
+              quantity: { value: 1, key: "data.quantity" }
+            }
+          }
+        ]
+      }
+    }
+  }
+};
+var config = {
+  order: { complete: combinedPurchase },
+  product: {
+    add: ga4AddToCart2,
+    view: gtmProductView
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  env,
+  events,
+  mapping
+});