@walkeros/web-destination-d8a 4.1.0

package/dist/examples/index.js

@@ -0,0 +1,273 @@
+"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,
+  step: () => step_exports
+});
+module.exports = __toCommonJS(examples_exports);
+
+// src/examples/env.ts
+var env_exports = {};
+__export(env_exports, {
+  init: () => init,
+  push: () => push,
+  simulation: () => simulation
+});
+function createD8a() {
+  const d8a = (() => {
+  });
+  d8a.js = () => {
+  };
+  d8a.config = () => {
+  };
+  d8a.event = () => {
+  };
+  d8a.set = () => {
+  };
+  d8a.consent = () => {
+  };
+  return d8a;
+}
+var installD8a = (opts) => {
+  const windowRef = opts == null ? void 0 : opts.windowRef;
+  const globalName = (opts == null ? void 0 : opts.globalName) || "d8a";
+  const dataLayerName = (opts == null ? void 0 : opts.dataLayerName) || "d8aLayer";
+  if (windowRef) {
+    windowRef[dataLayerName] = windowRef[dataLayerName] || [];
+    windowRef[globalName] = windowRef[globalName] || createD8a();
+  }
+  return {
+    dataLayerName,
+    globalName,
+    consumer: {
+      start: () => {
+      },
+      stop: () => {
+      },
+      getState: () => ({}),
+      setOnEvent: () => {
+      },
+      setOnConfig: () => {
+      }
+    },
+    dispatcher: {
+      enqueueEvent: () => {
+      },
+      flush: async () => ({ sent: 0 }),
+      flushNow: async () => ({ sent: 0 }),
+      attachLifecycleFlush: () => {
+      }
+    }
+  };
+};
+var init = {
+  installD8a,
+  window: {}
+};
+var push = {
+  installD8a,
+  window: {
+    d8a: createD8a(),
+    d8aLayer: []
+  }
+};
+var simulation = ["call:window.d8a"];
+
+// src/examples/step.ts
+var step_exports = {};
+__export(step_exports, {
+  addToCart: () => addToCart,
+  consentMode: () => consentMode,
+  init: () => init2,
+  pageView: () => pageView,
+  purchase: () => purchase
+});
+var import_core = require("@walkeros/core");
+var INIT_DATE_MS = 17e11;
+var INIT_DATE = new Date(INIT_DATE_MS);
+var PROPERTY_ID = "80e1d6d0-560d-419f-ac2a-fe9281e93386";
+var SERVER_CONTAINER_URL = "https://global.t.d8a.tech/80e1d6d0-560d-419f-ac2a-fe9281e93386/d/c";
+var init2 = {
+  title: "Initialization",
+  description: "The destination installs d8a and configures a property with its server container URL.",
+  in: {
+    settings: {
+      property_id: PROPERTY_ID,
+      server_container_url: SERVER_CONTAINER_URL
+    }
+  },
+  out: [
+    ["d8a", "js", INIT_DATE],
+    [
+      "d8a",
+      "config",
+      PROPERTY_ID,
+      { server_container_url: SERVER_CONTAINER_URL }
+    ]
+  ]
+};
+var pageView = {
+  title: "Page view",
+  description: "A page view event is forwarded as a d8a page_view event.",
+  in: (0, import_core.getEvent)("page view", { timestamp: 1700000300 }),
+  mapping: void 0,
+  out: [["d8a", "event", "page_view", { send_to: PROPERTY_ID }]]
+};
+var addToCart = {
+  title: "Add to cart",
+  description: "A product add event is mapped to the d8a add_to_cart event with item details and value.",
+  in: (0, import_core.getEvent)("product add", { timestamp: 1700000301 }),
+  mapping: {
+    name: "add_to_cart",
+    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" }
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  out: [
+    [
+      "d8a",
+      "event",
+      "add_to_cart",
+      {
+        currency: "EUR",
+        value: 420,
+        items: [{ item_id: "ers", item_variant: "black", quantity: 1 }],
+        data_id: "ers",
+        data_name: "Everyday Ruck Snack",
+        data_color: "black",
+        data_size: "l",
+        data_price: 420,
+        send_to: PROPERTY_ID
+      }
+    ]
+  ]
+};
+var purchase = {
+  title: "Purchase",
+  description: "An order complete event is mapped to the d8a purchase event with transaction details and nested product items.",
+  in: (0, import_core.getEvent)("order complete", { timestamp: 1700000302 }),
+  mapping: {
+    name: "purchase",
+    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) => {
+                const candidate = entity;
+                return (0, import_core.isObject)(entity) && candidate.entity === "product";
+              },
+              map: {
+                item_id: "data.id",
+                item_name: "data.name",
+                quantity: { key: "data.quantity", value: 1 }
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  out: [
+    [
+      "d8a",
+      "event",
+      "purchase",
+      {
+        transaction_id: "0rd3r1d",
+        value: 555,
+        tax: 73.76,
+        shipping: 5.22,
+        currency: "EUR",
+        items: [
+          { item_id: "ers", item_name: "Everyday Ruck Snack", quantity: 1 },
+          { item_id: "cc", item_name: "Cool Cap", quantity: 1 }
+        ],
+        data_id: "0rd3r1d",
+        data_currency: "EUR",
+        data_shipping: 5.22,
+        data_taxes: 73.76,
+        data_total: 555,
+        context_shopping: "complete",
+        send_to: PROPERTY_ID
+      }
+    ]
+  ]
+};
+var consentMode = {
+  title: "Consent mode",
+  description: "A walker consent command updates d8a using gtag consent mode parameters.",
+  command: "consent",
+  in: { marketing: true, functional: true },
+  out: [
+    [
+      "d8a",
+      "consent",
+      "default",
+      {
+        ad_storage: "denied",
+        ad_user_data: "denied",
+        ad_personalization: "denied",
+        analytics_storage: "denied"
+      }
+    ],
+    [
+      "d8a",
+      "consent",
+      "update",
+      {
+        ad_storage: "granted",
+        ad_user_data: "granted",
+        ad_personalization: "granted",
+        analytics_storage: "granted"
+      }
+    ]
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  env,
+  step
+});

package/dist/examples/index.mjs

@@ -0,0 +1,251 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/examples/env.ts
+var env_exports = {};
+__export(env_exports, {
+  init: () => init,
+  push: () => push,
+  simulation: () => simulation
+});
+function createD8a() {
+  const d8a = (() => {
+  });
+  d8a.js = () => {
+  };
+  d8a.config = () => {
+  };
+  d8a.event = () => {
+  };
+  d8a.set = () => {
+  };
+  d8a.consent = () => {
+  };
+  return d8a;
+}
+var installD8a = (opts) => {
+  const windowRef = opts == null ? void 0 : opts.windowRef;
+  const globalName = (opts == null ? void 0 : opts.globalName) || "d8a";
+  const dataLayerName = (opts == null ? void 0 : opts.dataLayerName) || "d8aLayer";
+  if (windowRef) {
+    windowRef[dataLayerName] = windowRef[dataLayerName] || [];
+    windowRef[globalName] = windowRef[globalName] || createD8a();
+  }
+  return {
+    dataLayerName,
+    globalName,
+    consumer: {
+      start: () => {
+      },
+      stop: () => {
+      },
+      getState: () => ({}),
+      setOnEvent: () => {
+      },
+      setOnConfig: () => {
+      }
+    },
+    dispatcher: {
+      enqueueEvent: () => {
+      },
+      flush: async () => ({ sent: 0 }),
+      flushNow: async () => ({ sent: 0 }),
+      attachLifecycleFlush: () => {
+      }
+    }
+  };
+};
+var init = {
+  installD8a,
+  window: {}
+};
+var push = {
+  installD8a,
+  window: {
+    d8a: createD8a(),
+    d8aLayer: []
+  }
+};
+var simulation = ["call:window.d8a"];
+
+// src/examples/step.ts
+var step_exports = {};
+__export(step_exports, {
+  addToCart: () => addToCart,
+  consentMode: () => consentMode,
+  init: () => init2,
+  pageView: () => pageView,
+  purchase: () => purchase
+});
+import { getEvent, isObject } from "@walkeros/core";
+var INIT_DATE_MS = 17e11;
+var INIT_DATE = new Date(INIT_DATE_MS);
+var PROPERTY_ID = "80e1d6d0-560d-419f-ac2a-fe9281e93386";
+var SERVER_CONTAINER_URL = "https://global.t.d8a.tech/80e1d6d0-560d-419f-ac2a-fe9281e93386/d/c";
+var init2 = {
+  title: "Initialization",
+  description: "The destination installs d8a and configures a property with its server container URL.",
+  in: {
+    settings: {
+      property_id: PROPERTY_ID,
+      server_container_url: SERVER_CONTAINER_URL
+    }
+  },
+  out: [
+    ["d8a", "js", INIT_DATE],
+    [
+      "d8a",
+      "config",
+      PROPERTY_ID,
+      { server_container_url: SERVER_CONTAINER_URL }
+    ]
+  ]
+};
+var pageView = {
+  title: "Page view",
+  description: "A page view event is forwarded as a d8a page_view event.",
+  in: getEvent("page view", { timestamp: 1700000300 }),
+  mapping: void 0,
+  out: [["d8a", "event", "page_view", { send_to: PROPERTY_ID }]]
+};
+var addToCart = {
+  title: "Add to cart",
+  description: "A product add event is mapped to the d8a add_to_cart event with item details and value.",
+  in: getEvent("product add", { timestamp: 1700000301 }),
+  mapping: {
+    name: "add_to_cart",
+    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" }
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  out: [
+    [
+      "d8a",
+      "event",
+      "add_to_cart",
+      {
+        currency: "EUR",
+        value: 420,
+        items: [{ item_id: "ers", item_variant: "black", quantity: 1 }],
+        data_id: "ers",
+        data_name: "Everyday Ruck Snack",
+        data_color: "black",
+        data_size: "l",
+        data_price: 420,
+        send_to: PROPERTY_ID
+      }
+    ]
+  ]
+};
+var purchase = {
+  title: "Purchase",
+  description: "An order complete event is mapped to the d8a purchase event with transaction details and nested product items.",
+  in: getEvent("order complete", { timestamp: 1700000302 }),
+  mapping: {
+    name: "purchase",
+    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) => {
+                const candidate = entity;
+                return isObject(entity) && candidate.entity === "product";
+              },
+              map: {
+                item_id: "data.id",
+                item_name: "data.name",
+                quantity: { key: "data.quantity", value: 1 }
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  out: [
+    [
+      "d8a",
+      "event",
+      "purchase",
+      {
+        transaction_id: "0rd3r1d",
+        value: 555,
+        tax: 73.76,
+        shipping: 5.22,
+        currency: "EUR",
+        items: [
+          { item_id: "ers", item_name: "Everyday Ruck Snack", quantity: 1 },
+          { item_id: "cc", item_name: "Cool Cap", quantity: 1 }
+        ],
+        data_id: "0rd3r1d",
+        data_currency: "EUR",
+        data_shipping: 5.22,
+        data_taxes: 73.76,
+        data_total: 555,
+        context_shopping: "complete",
+        send_to: PROPERTY_ID
+      }
+    ]
+  ]
+};
+var consentMode = {
+  title: "Consent mode",
+  description: "A walker consent command updates d8a using gtag consent mode parameters.",
+  command: "consent",
+  in: { marketing: true, functional: true },
+  out: [
+    [
+      "d8a",
+      "consent",
+      "default",
+      {
+        ad_storage: "denied",
+        ad_user_data: "denied",
+        ad_personalization: "denied",
+        analytics_storage: "denied"
+      }
+    ],
+    [
+      "d8a",
+      "consent",
+      "update",
+      {
+        ad_storage: "granted",
+        ad_user_data: "granted",
+        ad_personalization: "granted",
+        analytics_storage: "granted"
+      }
+    ]
+  ]
+};
+export {
+  env_exports as env,
+  step_exports as step
+};