@walkeros/web-source-datalayer 2.0.1 → 2.1.1

package/dist/examples/index.js

@@ -20,12 +20,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/examples/index.ts
 var examples_exports = {};
 __export(examples_exports, {
-  Events: () => events_exports,
-  Mapping: () => mapping_exports,
-  consentOnlyMapping: () => consentOnlyMapping,
-  consentUpdateEvent: () => consentUpdate,
-  dataLayerExamples: () => config2,
-  env: () => env_exports
+  env: () => env_exports,
+  setup: () => setup,
+  step: () => step_exports
 });
 module.exports = __toCommonJS(examples_exports);
 
@@ -44,11 +41,13 @@ var createMockElbFn = () => {
 };
 var noopLogger = {
   error: noop,
+  warn: noop,
   info: noop,
   debug: noop,
   throw: (message) => {
     throw typeof message === "string" ? new Error(message) : message;
   },
+  json: noop,
   scope: () => noopLogger
 };
 var createMockWindow = () => ({
@@ -72,263 +71,85 @@ var push = {
   logger: noopLogger
 };
 
-// src/examples/events.ts
-var events_exports = {};
-__export(events_exports, {
-  add_to_cart: () => add_to_cart,
-  config: () => config,
-  consentDefault: () => consentDefault,
+// src/examples/step.ts
+var step_exports = {};
+__export(step_exports, {
   consentUpdate: () => consentUpdate,
-  directDataLayerEvent: () => directDataLayerEvent,
-  purchase: () => purchase,
-  setCustom: () => setCustom,
-  view_item: () => view_item
+  directEvent: () => directEvent,
+  gtagPurchase: () => gtagPurchase
 });
-function consentUpdate() {
-  return [
-    "consent",
-    "update",
-    {
-      ad_user_data: "granted",
-      ad_personalization: "granted",
-      ad_storage: "denied",
-      analytics_storage: "granted"
-    }
-  ];
-}
-function consentDefault() {
-  return [
-    "consent",
-    "default",
-    {
-      ad_storage: "denied",
-      analytics_storage: "denied",
-      ad_user_data: "denied",
-      ad_personalization: "denied"
-    }
-  ];
-}
-function purchase() {
-  return [
+var gtagPurchase = {
+  in: [
     "event",
     "purchase",
     {
-      transaction_id: "T_12345",
+      transaction_id: "T-12345",
       value: 25.42,
       currency: "EUR",
-      items: [
-        {
-          item_id: "SKU_12345",
-          item_name: "Product Name",
-          item_category: "Category",
-          quantity: 1,
-          price: 25.42
-        }
-      ]
-    }
-  ];
-}
-function add_to_cart() {
-  return [
-    "event",
-    "add_to_cart",
-    {
-      currency: "EUR",
-      value: 15.25,
-      items: [
-        {
-          item_id: "SKU_12345",
-          item_name: "Product Name",
-          item_variant: "red",
-          quantity: 1,
-          price: 15.25
-        }
-      ]
+      items: [{ item_id: "SKU-1", item_name: "T-Shirt", quantity: 1 }]
     }
-  ];
-}
-function view_item() {
-  return [
-    "event",
-    "view_item",
-    {
-      currency: "EUR",
-      value: 15.25,
-      items: [
-        {
-          item_id: "SKU_12345",
-          item_name: "Product Name",
-          item_category: "Category",
-          price: 15.25
-        }
-      ]
-    }
-  ];
-}
-function config() {
-  return [
-    "config",
-    "G-XXXXXXXXXX",
-    {
-      page_title: "Custom Page Title",
-      page_location: "https://example.com/page",
-      send_page_view: false
-    }
-  ];
-}
-function setCustom() {
-  return [
-    "set",
-    {
+  ],
+  out: {
+    name: "dataLayer purchase",
+    data: {
+      transaction_id: "T-12345",
+      value: 25.42,
       currency: "EUR",
-      country: "DE"
-    }
-  ];
-}
-function directDataLayerEvent() {
-  return {
-    event: "custom_event",
-    custom_parameter: "custom_value",
-    user_id: "user123"
-  };
-}
-
-// src/examples/mapping.ts
-var mapping_exports = {};
-__export(mapping_exports, {
-  add_to_cart: () => add_to_cart2,
-  config: () => config2,
-  configGA4: () => configGA4,
-  consentOnlyMapping: () => consentOnlyMapping,
-  consentUpdate: () => consentUpdate2,
-  customEvent: () => customEvent,
-  purchase: () => purchase2,
-  view_item: () => view_item2
-});
-var consentUpdate2 = {
-  name: "walker consent",
-  settings: {
-    command: {
-      map: {
-        functional: { value: true },
-        // Static value - always true for functional
-        analytics: {
-          key: "analytics_storage",
-          fn: (value) => value === "granted"
-        },
-        marketing: {
-          key: "ad_storage",
-          fn: (value) => value === "granted"
-        }
-      }
-    }
-  }
-};
-var purchase2 = {
-  name: "order complete",
-  data: {
-    map: {
-      id: "transaction_id",
-      total: "value",
-      currency: "currency",
-      nested: {
-        loop: [
-          "items",
-          {
-            map: {
-              type: { value: "product" },
-              data: {
-                map: {
-                  id: "item_id",
-                  name: "item_name",
-                  category: "item_category",
-                  quantity: "quantity",
-                  price: "price"
-                }
-              }
-            }
-          }
-        ]
-      }
-    }
-  }
-};
-var add_to_cart2 = {
-  name: "product add",
-  data: {
-    map: {
-      id: "items.0.item_id",
-      name: "items.0.item_name",
-      price: "value",
-      currency: "currency",
-      color: "items.0.item_variant",
-      quantity: "items.0.quantity"
-    }
-  }
-};
-var view_item2 = {
-  name: "product view",
-  data: {
-    map: {
-      id: "items.0.item_id",
-      name: "items.0.item_name",
-      category: "items.0.item_category",
-      price: "items.0.price",
-      currency: "currency"
-    }
+      items: [{ item_id: "SKU-1", item_name: "T-Shirt", quantity: 1 }]
+    },
+    entity: "dataLayer",
+    action: "purchase"
   }
 };
-var configGA4 = {
-  name: "page view",
-  data: {
-    map: {
-      title: "page_title",
-      url: "page_location"
-    }
-  }
-};
-var customEvent = {
-  // Keep original event name with gtag prefix
-  data: {
-    map: {
-      // Map all properties as-is
-      user_id: "user_id",
-      custom_parameter: "custom_parameter"
+var consentUpdate = {
+  in: [
+    "consent",
+    "update",
+    {
+      ad_storage: "granted",
+      analytics_storage: "granted"
     }
+  ],
+  out: {
+    name: "dataLayer consent update",
+    data: {
+      ad_storage: "granted",
+      analytics_storage: "granted"
+    },
+    entity: "dataLayer",
+    action: "consent update"
   }
 };
-var config2 = {
-  // Consent events
-  consent: {
-    update: consentUpdate2
+var directEvent = {
+  in: {
+    event: "custom_event",
+    category: "engagement",
+    label: "video_play"
   },
-  // E-commerce events
-  purchase: purchase2,
-  add_to_cart: add_to_cart2,
-  view_item: view_item2,
-  // Config events
-  "config G-XXXXXXXXXX": configGA4,
-  // Custom events
-  custom_event: customEvent,
-  // Catch-all for unmapped events
-  "*": {
-    // Pass through with gtag prefix
+  out: {
+    name: "dataLayer custom_event",
     data: {
-      // Copy all data as-is
-    }
+      category: "engagement",
+      label: "video_play"
+    },
+    entity: "dataLayer",
+    action: "custom_event"
   }
 };
-var consentOnlyMapping = {
-  consent: {
-    update: consentUpdate2
+
+// src/examples/setup.ts
+var setup = (input, env) => {
+  const win = env.window;
+  if (!win.dataLayer) win.dataLayer = [];
+  if (Array.isArray(input)) {
+    for (const item of input) win.dataLayer.push(item);
+  } else if (input && typeof input === "object") {
+    win.dataLayer.push(input);
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Events,
-  Mapping,
-  consentOnlyMapping,
-  consentUpdateEvent,
-  dataLayerExamples,
-  env
+  env,
+  setup,
+  step
 });

package/dist/examples/index.mjs

@@ -19,11 +19,13 @@ var createMockElbFn = () => {
 };
 var noopLogger = {
   error: noop,
+  warn: noop,
   info: noop,
   debug: noop,
   throw: (message) => {
     throw typeof message === "string" ? new Error(message) : message;
   },
+  json: noop,
   scope: () => noopLogger
 };
 var createMockWindow = () => ({
@@ -47,262 +49,84 @@ var push = {
   logger: noopLogger
 };
 
-// src/examples/events.ts
-var events_exports = {};
-__export(events_exports, {
-  add_to_cart: () => add_to_cart,
-  config: () => config,
-  consentDefault: () => consentDefault,
+// src/examples/step.ts
+var step_exports = {};
+__export(step_exports, {
   consentUpdate: () => consentUpdate,
-  directDataLayerEvent: () => directDataLayerEvent,
-  purchase: () => purchase,
-  setCustom: () => setCustom,
-  view_item: () => view_item
+  directEvent: () => directEvent,
+  gtagPurchase: () => gtagPurchase
 });
-function consentUpdate() {
-  return [
-    "consent",
-    "update",
-    {
-      ad_user_data: "granted",
-      ad_personalization: "granted",
-      ad_storage: "denied",
-      analytics_storage: "granted"
-    }
-  ];
-}
-function consentDefault() {
-  return [
-    "consent",
-    "default",
-    {
-      ad_storage: "denied",
-      analytics_storage: "denied",
-      ad_user_data: "denied",
-      ad_personalization: "denied"
-    }
-  ];
-}
-function purchase() {
-  return [
+var gtagPurchase = {
+  in: [
     "event",
     "purchase",
     {
-      transaction_id: "T_12345",
+      transaction_id: "T-12345",
       value: 25.42,
       currency: "EUR",
-      items: [
-        {
-          item_id: "SKU_12345",
-          item_name: "Product Name",
-          item_category: "Category",
-          quantity: 1,
-          price: 25.42
-        }
-      ]
-    }
-  ];
-}
-function add_to_cart() {
-  return [
-    "event",
-    "add_to_cart",
-    {
-      currency: "EUR",
-      value: 15.25,
-      items: [
-        {
-          item_id: "SKU_12345",
-          item_name: "Product Name",
-          item_variant: "red",
-          quantity: 1,
-          price: 15.25
-        }
-      ]
+      items: [{ item_id: "SKU-1", item_name: "T-Shirt", quantity: 1 }]
     }
-  ];
-}
-function view_item() {
-  return [
-    "event",
-    "view_item",
-    {
-      currency: "EUR",
-      value: 15.25,
-      items: [
-        {
-          item_id: "SKU_12345",
-          item_name: "Product Name",
-          item_category: "Category",
-          price: 15.25
-        }
-      ]
-    }
-  ];
-}
-function config() {
-  return [
-    "config",
-    "G-XXXXXXXXXX",
-    {
-      page_title: "Custom Page Title",
-      page_location: "https://example.com/page",
-      send_page_view: false
-    }
-  ];
-}
-function setCustom() {
-  return [
-    "set",
-    {
+  ],
+  out: {
+    name: "dataLayer purchase",
+    data: {
+      transaction_id: "T-12345",
+      value: 25.42,
       currency: "EUR",
-      country: "DE"
-    }
-  ];
-}
-function directDataLayerEvent() {
-  return {
-    event: "custom_event",
-    custom_parameter: "custom_value",
-    user_id: "user123"
-  };
-}
-
-// src/examples/mapping.ts
-var mapping_exports = {};
-__export(mapping_exports, {
-  add_to_cart: () => add_to_cart2,
-  config: () => config2,
-  configGA4: () => configGA4,
-  consentOnlyMapping: () => consentOnlyMapping,
-  consentUpdate: () => consentUpdate2,
-  customEvent: () => customEvent,
-  purchase: () => purchase2,
-  view_item: () => view_item2
-});
-var consentUpdate2 = {
-  name: "walker consent",
-  settings: {
-    command: {
-      map: {
-        functional: { value: true },
-        // Static value - always true for functional
-        analytics: {
-          key: "analytics_storage",
-          fn: (value) => value === "granted"
-        },
-        marketing: {
-          key: "ad_storage",
-          fn: (value) => value === "granted"
-        }
-      }
-    }
-  }
-};
-var purchase2 = {
-  name: "order complete",
-  data: {
-    map: {
-      id: "transaction_id",
-      total: "value",
-      currency: "currency",
-      nested: {
-        loop: [
-          "items",
-          {
-            map: {
-              type: { value: "product" },
-              data: {
-                map: {
-                  id: "item_id",
-                  name: "item_name",
-                  category: "item_category",
-                  quantity: "quantity",
-                  price: "price"
-                }
-              }
-            }
-          }
-        ]
-      }
-    }
-  }
-};
-var add_to_cart2 = {
-  name: "product add",
-  data: {
-    map: {
-      id: "items.0.item_id",
-      name: "items.0.item_name",
-      price: "value",
-      currency: "currency",
-      color: "items.0.item_variant",
-      quantity: "items.0.quantity"
-    }
-  }
-};
-var view_item2 = {
-  name: "product view",
-  data: {
-    map: {
-      id: "items.0.item_id",
-      name: "items.0.item_name",
-      category: "items.0.item_category",
-      price: "items.0.price",
-      currency: "currency"
-    }
+      items: [{ item_id: "SKU-1", item_name: "T-Shirt", quantity: 1 }]
+    },
+    entity: "dataLayer",
+    action: "purchase"
   }
 };
-var configGA4 = {
-  name: "page view",
-  data: {
-    map: {
-      title: "page_title",
-      url: "page_location"
-    }
-  }
-};
-var customEvent = {
-  // Keep original event name with gtag prefix
-  data: {
-    map: {
-      // Map all properties as-is
-      user_id: "user_id",
-      custom_parameter: "custom_parameter"
+var consentUpdate = {
+  in: [
+    "consent",
+    "update",
+    {
+      ad_storage: "granted",
+      analytics_storage: "granted"
     }
+  ],
+  out: {
+    name: "dataLayer consent update",
+    data: {
+      ad_storage: "granted",
+      analytics_storage: "granted"
+    },
+    entity: "dataLayer",
+    action: "consent update"
   }
 };
-var config2 = {
-  // Consent events
-  consent: {
-    update: consentUpdate2
+var directEvent = {
+  in: {
+    event: "custom_event",
+    category: "engagement",
+    label: "video_play"
   },
-  // E-commerce events
-  purchase: purchase2,
-  add_to_cart: add_to_cart2,
-  view_item: view_item2,
-  // Config events
-  "config G-XXXXXXXXXX": configGA4,
-  // Custom events
-  custom_event: customEvent,
-  // Catch-all for unmapped events
-  "*": {
-    // Pass through with gtag prefix
+  out: {
+    name: "dataLayer custom_event",
     data: {
-      // Copy all data as-is
-    }
+      category: "engagement",
+      label: "video_play"
+    },
+    entity: "dataLayer",
+    action: "custom_event"
   }
 };
-var consentOnlyMapping = {
-  consent: {
-    update: consentUpdate2
+
+// src/examples/setup.ts
+var setup = (input, env) => {
+  const win = env.window;
+  if (!win.dataLayer) win.dataLayer = [];
+  if (Array.isArray(input)) {
+    for (const item of input) win.dataLayer.push(item);
+  } else if (input && typeof input === "object") {
+    win.dataLayer.push(input);
   }
 };
 export {
-  events_exports as Events,
-  mapping_exports as Mapping,
-  consentOnlyMapping,
-  consentUpdate as consentUpdateEvent,
-  config2 as dataLayerExamples,
-  env_exports as env
+  env_exports as env,
+  setup,
+  step_exports as step
 };