@simplybusiness/services 0.1.1

package/dist/esm/services/snowplow/event-definitions.js

@@ -0,0 +1,240 @@
+import { snakeCase } from "../../utils";
+/**
+ * Event definitions for Snowplow
+ * @type {EventDefinition[]}
+ * @property {string} name - The name of the event, to use when triggering
+ * @property {string} type - The type of the event (structured | unstructured)
+ * @property {makePayload} makePayload
+ *   - Function that creates the payload for the event;
+ *   - Allows optional params object to be passed in
+ *
+ * @example
+ * import { Snowplow } from "./Snowplow";
+ * import { eventDefinitions } from "./event-definitions";
+ *
+ * const snowplow = new Snowplow();
+ * snowplow.addEventHandlers(eventDefinitions);
+ */ export const eventDefinitions = [
+    {
+        name: "mobileLinkClick",
+        type: "structured",
+        makePayload: ()=>({
+                category: "marketing",
+                action: "link-click",
+                label: "mobile_call_button",
+                property: window.location.href
+            })
+    },
+    {
+        name: "operatingHoursClick",
+        type: "unstructured",
+        makePayload: ()=>({
+                schema: "iglu:com.snowplowanalytics.snowplow/unstruct_event/jsonschema/1-0-0",
+                data: {
+                    schema: "iglu:com.simplybusiness/operating_hours_clicked/jsonschema/1-0-2",
+                    data: {}
+                }
+            })
+    },
+    {
+        // QDP details button
+        name: "detailsClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "comparison_cta",
+                action: "link_click",
+                label: "Details"
+            })
+    },
+    {
+        // Buy button
+        name: "selectClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "comparison_cta",
+                action: "link_click",
+                label: "Select"
+            })
+    },
+    {
+        // Quote Details Slider Next steps button
+        name: "nextStepsClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "quote_details_slider_next_step_cta",
+                action: "link_click",
+                label: "Next steps"
+            })
+    },
+    {
+        // Toggle deductibles accordion
+        name: "deductiblesClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "us-qcp-react",
+                action: "view_deductables_clicked",
+                label: "view_deductables_clicked",
+                property: window.location.href
+            })
+    },
+    {
+        name: "deductiblesClickedUk",
+        type: "structured",
+        makePayload: (params)=>{
+            const { label, deviceType } = params;
+            const urlFriendlyLabel = label.replace(/ /g, "-").toLowerCase();
+            return {
+                category: `uk-qcp-react-${deviceType}-${urlFriendlyLabel}-view-excess-toggle`,
+                action: "view_excess_clicked",
+                label,
+                property: window.location.href
+            };
+        }
+    },
+    {
+        // Quote Details Slider opened
+        name: "sliderOpened",
+        type: "structured",
+        makePayload: (params)=>{
+            const { label } = params;
+            return {
+                category: "comparison_cta",
+                action: "quote_details_slider_opened",
+                label
+            };
+        }
+    },
+    {
+        // Coverage modal opened
+        name: "coverageModalOpened",
+        type: "structured",
+        makePayload: (params)=>{
+            const { category, product = "extra_coverage", title } = params;
+            const productLabel = snakeCase(product);
+            return {
+                category,
+                action: `${productLabel}_${snakeCase(title)}_popup_opened`,
+                label: productLabel,
+                property: window.location.href
+            };
+        }
+    },
+    {
+        // Toggle cover select
+        name: "coverChanged",
+        type: "unstructured",
+        makePayload: (params)=>{
+            const { name = "", fromValue = "", toValue = "" } = params;
+            // Derive data
+            let action = "change";
+            // This logic is taken directly from Chopin without documentation:
+            // If a cover has zero value, then change the action to add or remove
+            if (fromValue === "0") {
+                action = "add";
+            }
+            if (toValue === "0") {
+                action = "remove";
+            }
+            return {
+                schema: "iglu:com.simplybusiness/comparison_page_cover_changed/jsonschema/1-0-0",
+                data: {
+                    name,
+                    action,
+                    from_value: fromValue,
+                    to_value: toValue
+                }
+            };
+        }
+    },
+    {
+        name: "ratingsModalOpened",
+        type: "structured",
+        makePayload: (params)=>{
+            const { category, label } = params;
+            return {
+                category,
+                action: "insurer_rating_help_popup_triggered",
+                label,
+                property: window.location.href
+            };
+        }
+    },
+    {
+        name: "coverToggleOpened",
+        type: "structured",
+        makePayload: ()=>({
+                category: "qcp_limit_interaction",
+                label: "limit_interaction",
+                action: "limit_interaction_clicked",
+                property: window.location.href
+            })
+    },
+    {
+        name: "paymentToggleClicked",
+        type: "structured",
+        makePayload: (params)=>{
+            const { category, label } = params;
+            return {
+                category,
+                action: "button_click",
+                label,
+                property: window.location.href
+            };
+        }
+    },
+    {
+        name: "insurerDetailsAccordionClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "quote_details_slider_insurer_details_description",
+                action: "accordion_clicked",
+                label: "accordion_clicked",
+                property: window.location.href
+            })
+    },
+    {
+        name: "priceDetailsPopUpOpened",
+        type: "structured",
+        makePayload: ()=>({
+                category: "price_details",
+                action: "price_details_popup_opened",
+                label: "Price details",
+                property: window.location.href
+            })
+    },
+    {
+        name: "editLimitButtonClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "cover_limit_changes",
+                action: "edit_limit_button_clicked",
+                label: "Edit Limit",
+                property: window.location.href
+            })
+    },
+    {
+        name: "applyButtonClicked",
+        type: "structured",
+        makePayload: ()=>({
+                category: "cover_limit_changes",
+                action: "apply_button_clicked",
+                label: "Apply Button Clicked",
+                property: window.location.href
+            })
+    },
+    {
+        name: "coverageInfoClicked",
+        type: "structured",
+        makePayload: (params)=>{
+            const { deviceType } = params;
+            return {
+                action: "show_coverage_info_clicked",
+                category: `uk-qcp-react-${deviceType}-show-coverage-info-toggle`,
+                label: "show_coverage_info_clicked",
+                property: window.location.href
+            };
+        }
+    }
+];
+
+//# sourceMappingURL=event-definitions.js.map

package/dist/esm/services/snowplow/event-definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/services/snowplow/event-definitions.ts"],"sourcesContent":["import { EventDefinition, ParamsType } from \"./types\";\nimport { snakeCase } from \"../../utils\";\n\n/**\n * Event definitions for Snowplow\n * @type {EventDefinition[]}\n * @property {string} name - The name of the event, to use when triggering\n * @property {string} type - The type of the event (structured | unstructured)\n * @property {makePayload} makePayload\n *   - Function that creates the payload for the event;\n *   - Allows optional params object to be passed in\n *\n * @example\n * import { Snowplow } from \"./Snowplow\";\n * import { eventDefinitions } from \"./event-definitions\";\n *\n * const snowplow = new Snowplow();\n * snowplow.addEventHandlers(eventDefinitions);\n */\nexport const eventDefinitions: EventDefinition[] = [\n  {\n    name: \"mobileLinkClick\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"marketing\",\n      action: \"link-click\",\n      label: \"mobile_call_button\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"operatingHoursClick\",\n    type: \"unstructured\",\n    makePayload: () => ({\n      schema:\n        \"iglu:com.snowplowanalytics.snowplow/unstruct_event/jsonschema/1-0-0\",\n      data: {\n        schema:\n          \"iglu:com.simplybusiness/operating_hours_clicked/jsonschema/1-0-2\",\n        data: {},\n      },\n    }),\n  },\n  {\n    // QDP details button\n    name: \"detailsClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"comparison_cta\",\n      action: \"link_click\",\n      label: \"Details\",\n    }),\n  },\n  {\n    // Buy button\n    name: \"selectClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"comparison_cta\",\n      action: \"link_click\",\n      label: \"Select\",\n    }),\n  },\n  {\n    // Quote Details Slider Next steps button\n    name: \"nextStepsClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"quote_details_slider_next_step_cta\",\n      action: \"link_click\",\n      label: \"Next steps\",\n    }),\n  },\n  {\n    // Toggle deductibles accordion\n    name: \"deductiblesClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"us-qcp-react\",\n      action: \"view_deductables_clicked\",\n      label: \"view_deductables_clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"deductiblesClickedUk\",\n    type: \"structured\",\n    makePayload: params => {\n      const { label, deviceType } = params as ParamsType;\n      const urlFriendlyLabel = label.replace(/ /g, \"-\").toLowerCase();\n\n      return {\n        category: `uk-qcp-react-${deviceType}-${urlFriendlyLabel}-view-excess-toggle`,\n        action: \"view_excess_clicked\",\n        label,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    // Quote Details Slider opened\n    name: \"sliderOpened\",\n    type: \"structured\",\n    makePayload: params => {\n      const { label } = params as ParamsType;\n\n      return {\n        category: \"comparison_cta\",\n        action: \"quote_details_slider_opened\",\n        label,\n      };\n    },\n  },\n  {\n    // Coverage modal opened\n    name: \"coverageModalOpened\",\n    type: \"structured\",\n    makePayload: params => {\n      const {\n        category,\n        product = \"extra_coverage\",\n        title,\n      } = params as ParamsType;\n      const productLabel = snakeCase(product);\n\n      return {\n        category,\n        action: `${productLabel}_${snakeCase(title)}_popup_opened`,\n        label: productLabel,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    // Toggle cover select\n    name: \"coverChanged\",\n    type: \"unstructured\",\n    makePayload: params => {\n      const { name = \"\", fromValue = \"\", toValue = \"\" } = params as ParamsType;\n      // Derive data\n      let action = \"change\";\n\n      // This logic is taken directly from Chopin without documentation:\n      // If a cover has zero value, then change the action to add or remove\n      if (fromValue === \"0\") {\n        action = \"add\";\n      }\n      if (toValue === \"0\") {\n        action = \"remove\";\n      }\n\n      return {\n        schema:\n          \"iglu:com.simplybusiness/comparison_page_cover_changed/jsonschema/1-0-0\",\n        data: {\n          name,\n          action,\n          from_value: fromValue,\n          to_value: toValue,\n        },\n      };\n    },\n  },\n  {\n    name: \"ratingsModalOpened\",\n    type: \"structured\",\n    makePayload: params => {\n      const { category, label } = params as ParamsType;\n\n      return {\n        category,\n        action: \"insurer_rating_help_popup_triggered\",\n        label,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    name: \"coverToggleOpened\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"qcp_limit_interaction\",\n      label: \"limit_interaction\",\n      action: \"limit_interaction_clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"paymentToggleClicked\",\n    type: \"structured\",\n    makePayload: params => {\n      const { category, label } = params as ParamsType;\n\n      return {\n        category,\n        action: \"button_click\",\n        label,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    name: \"insurerDetailsAccordionClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"quote_details_slider_insurer_details_description\",\n      action: \"accordion_clicked\",\n      label: \"accordion_clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"priceDetailsPopUpOpened\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"price_details\",\n      action: \"price_details_popup_opened\",\n      label: \"Price details\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"editLimitButtonClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"cover_limit_changes\",\n      action: \"edit_limit_button_clicked\",\n      label: \"Edit Limit\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"applyButtonClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"cover_limit_changes\",\n      action: \"apply_button_clicked\",\n      label: \"Apply Button Clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"coverageInfoClicked\",\n    type: \"structured\",\n    makePayload: params => {\n      const { deviceType } = params as ParamsType;\n\n      return {\n        action: \"show_coverage_info_clicked\",\n        category: `uk-qcp-react-${deviceType}-show-coverage-info-toggle`,\n        label: \"show_coverage_info_clicked\",\n        property: window.location.href,\n      };\n    },\n  },\n];\n"],"names":["snakeCase","eventDefinitions","name","type","makePayload","category","action","label","property","window","location","href","schema","data","params","deviceType","urlFriendlyLabel","replace","toLowerCase","product","title","productLabel","fromValue","toValue","from_value","to_value"],"mappings":"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"}

package/dist/esm/services/snowplow/getSnowplowConfig.js

@@ -0,0 +1,7 @@
+// Get Snowplow config from page data props
+export const getSnowplowConfig = (pageData)=>{
+    var _pageData_scripts_find, _pageData_scripts;
+    return (_pageData_scripts = pageData.scripts) === null || _pageData_scripts === void 0 ? void 0 : (_pageData_scripts_find = _pageData_scripts.find(({ metadata })=>metadata.name === "snowplow")) === null || _pageData_scripts_find === void 0 ? void 0 : _pageData_scripts_find.props;
+};
+
+//# sourceMappingURL=getSnowplowConfig.js.map

package/dist/esm/services/snowplow/getSnowplowConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/services/snowplow/getSnowplowConfig.ts"],"sourcesContent":["import type { TrackingProps, PageDataProps } from \"./types\";\n\n// Get Snowplow config from page data props\nexport const getSnowplowConfig = (\n  pageData: PageDataProps,\n): TrackingProps | undefined =>\n  pageData.scripts?.find(({ metadata }) => metadata.name === \"snowplow\")\n    ?.props as TrackingProps;\n"],"names":["getSnowplowConfig","pageData","scripts","find","metadata","name","props"],"mappings":"AAEA,2CAA2C;AAC3C,OAAO,MAAMA,oBAAoB,CAC/BC;QAEAA,wBAAAA;YAAAA,oBAAAA,SAASC,OAAO,cAAhBD,yCAAAA,yBAAAA,kBAAkBE,IAAI,CAAC,CAAC,EAAEC,QAAQ,EAAE,GAAKA,SAASC,IAAI,KAAK,yBAA3DJ,6CAAAA,uBACIK,KAAK;EAAkB"}

package/dist/esm/services/snowplow/index.js

@@ -0,0 +1,133 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+import { newTracker, setCookiePath, setUserId, trackPageView, trackSelfDescribingEvent, trackStructEvent } from "@snowplow/browser-tracker";
+/**
+ * This class is an abstraction which wraps Snowplow
+ * and exposes common methods with other services:
+ * - trackEvent            : sends a standard payload
+ * - trackUnstructEvent    : sends a payload for custom schema
+ */ export class Snowplow {
+    setContexts(contexts) {
+        var _this_contexts;
+        this.contexts = contexts;
+        // Update identity context
+        const index = (_this_contexts = this.contexts) === null || _this_contexts === void 0 ? void 0 : _this_contexts.findIndex((ctx)=>{
+            var _ctx_schema;
+            return (_ctx_schema = ctx.schema) === null || _ctx_schema === void 0 ? void 0 : _ctx_schema.includes("identity_context");
+        });
+        if (index > -1) {
+            this.contexts[index].data.domain_userid = this.uid;
+        }
+        return this;
+    }
+    // Send a page view event
+    trackView() {
+        if (this.trackPageView) {
+            trackPageView({
+                context: this.contexts
+            });
+        }
+        return this;
+    }
+    // Send a structured event with contexts
+    async trackEvent(event) {
+        await trackStructEvent({
+            ...event,
+            context: this.contexts
+        }, [
+            this.bronzeAvalancheTrackerName
+        ]);
+        return this;
+    }
+    // Send a custom event with defined schema and optional contexts
+    async trackUnstructEvent(event) {
+        if (!event) {
+            return this;
+        }
+        await trackSelfDescribingEvent({
+            event,
+            context: this.contexts
+        }, [
+            this.avalancheTrackerName
+        ]);
+        return this;
+    }
+    addEventHandlers(eventDefinitions) {
+        eventDefinitions.forEach(({ name, type, makePayload })=>{
+            // Convert type into relevant function
+            if (type === "structured") {
+                this.addEventHandler(name, (params)=>{
+                    this.trackEvent(makePayload(params));
+                });
+            } else {
+                this.addEventHandler(name, (params)=>{
+                    this.trackUnstructEvent(makePayload(params));
+                });
+            }
+        });
+        return this;
+    }
+    addEventHandler(name, handler) {
+        this.eventHandlers[name] = handler;
+        return this;
+    }
+    removeEventHandler(name) {
+        delete this.eventHandlers[name];
+        return this;
+    }
+    trigger(name, params) {
+        if (this.eventHandlers[name]) {
+            this.eventHandlers[name](params);
+        }
+        return this;
+    }
+    constructor(props){
+        _define_property(this, "avalancheTrackerName", "sb-ava");
+        _define_property(this, "bronzeAvalancheTrackerName", "sb-ava-br");
+        _define_property(this, "pvAvalancheTrackerName", "sb-ava-pv");
+        _define_property(this, "uid", "");
+        _define_property(this, "trackPageView", false);
+        _define_property(this, "contexts", []);
+        _define_property(this, "eventHandlers", {});
+        if (!props) return;
+        const { appId, cookieDomain, avalancheCollector, eventMethod, uid, postPath, // includeGAContext,
+        // trackActivity,
+        trackPageView: tpv } = props;
+        this.uid = uid;
+        this.trackPageView = tpv;
+        // Set options
+        const stateStorageStrategy = "cookieAndLocalStorage";
+        const baseOptions = {
+            appId,
+            cookieDomain,
+            eventMethod,
+            stateStorageStrategy,
+            postPath
+        };
+        // Initialize trackers
+        newTracker(this.avalancheTrackerName, avalancheCollector, baseOptions);
+        newTracker(this.bronzeAvalancheTrackerName, avalancheCollector, baseOptions);
+        // Page view tracker
+        newTracker(this.pvAvalancheTrackerName, avalancheCollector, {
+            ...baseOptions,
+            eventMethod: eventMethod === "post" ? "beacon" : eventMethod
+        });
+        setCookiePath("/");
+        if (uid) {
+            setUserId(uid);
+        }
+    }
+}
+
+//# sourceMappingURL=index.js.map

package/dist/esm/services/snowplow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/services/snowplow/index.ts"],"sourcesContent":["import {\n  SelfDescribingJson,\n  StructuredEvent,\n  TrackerConfiguration,\n  newTracker,\n  setCookiePath,\n  setUserId,\n  trackPageView,\n  trackSelfDescribingEvent,\n  trackStructEvent,\n} from \"@snowplow/browser-tracker\";\nimport { EventDefinition, TrackingProps } from \"./types\";\n\nexport type FrontOfficeStructuredEvent = StructuredEvent & {\n  serviceChannelIdentifier: string;\n};\n\n/**\n * This class is an abstraction which wraps Snowplow\n * and exposes common methods with other services:\n * - trackEvent            : sends a standard payload\n * - trackUnstructEvent    : sends a payload for custom schema\n */\nexport class Snowplow {\n  avalancheTrackerName = \"sb-ava\";\n\n  bronzeAvalancheTrackerName = \"sb-ava-br\";\n\n  pvAvalancheTrackerName = \"sb-ava-pv\";\n\n  uid: unknown = \"\";\n\n  trackPageView: boolean = false;\n\n  contexts: SelfDescribingJson<Record<string, unknown>>[] = [];\n\n  eventHandlers: Record<string, (params?: Record<string, unknown>) => void> =\n    {};\n\n  constructor(props?: TrackingProps) {\n    if (!props) return;\n\n    const {\n      appId,\n      cookieDomain,\n      avalancheCollector,\n      eventMethod,\n      uid,\n      postPath,\n      // includeGAContext,\n      // trackActivity,\n      trackPageView: tpv,\n    } = props;\n    this.uid = uid;\n    this.trackPageView = tpv;\n\n    // Set options\n    const stateStorageStrategy = \"cookieAndLocalStorage\";\n    const baseOptions: TrackerConfiguration = {\n      appId,\n      cookieDomain,\n      eventMethod,\n      stateStorageStrategy,\n      postPath,\n    };\n    // Initialize trackers\n    newTracker(this.avalancheTrackerName, avalancheCollector, baseOptions);\n\n    newTracker(\n      this.bronzeAvalancheTrackerName,\n      avalancheCollector,\n      baseOptions,\n    );\n\n    // Page view tracker\n    newTracker(this.pvAvalancheTrackerName, avalancheCollector, {\n      ...baseOptions,\n      eventMethod: eventMethod === \"post\" ? \"beacon\" : eventMethod,\n    });\n\n    setCookiePath(\"/\");\n    if (uid) {\n      setUserId(uid);\n    }\n  }\n\n  setContexts(contexts: SelfDescribingJson<Record<string, unknown>>[]) {\n    this.contexts = contexts;\n    // Update identity context\n    const index = this.contexts?.findIndex(ctx =>\n      ctx.schema?.includes(\"identity_context\"),\n    );\n    if (index > -1) {\n      this.contexts[index].data.domain_userid = this.uid;\n    }\n    return this;\n  }\n\n  // Send a page view event\n  trackView() {\n    if (this.trackPageView) {\n      trackPageView({ context: this.contexts });\n    }\n    return this;\n  }\n\n  // Send a structured event with contexts\n  async trackEvent(event: StructuredEvent) {\n    await trackStructEvent({ ...event, context: this.contexts }, [\n      this.bronzeAvalancheTrackerName,\n    ]);\n    return this;\n  }\n\n  // Send a custom event with defined schema and optional contexts\n  async trackUnstructEvent(event: SelfDescribingJson<Record<string, unknown>>) {\n    if (!event) {\n      return this;\n    }\n    await trackSelfDescribingEvent({ event, context: this.contexts }, [\n      this.avalancheTrackerName,\n    ]);\n    return this;\n  }\n\n  addEventHandlers(eventDefinitions: EventDefinition[]) {\n    eventDefinitions.forEach(({ name, type, makePayload }) => {\n      // Convert type into relevant function\n      if (type === \"structured\") {\n        this.addEventHandler(name, (params?: Record<string, unknown>) => {\n          this.trackEvent(makePayload(params) as StructuredEvent);\n        });\n      } else {\n        this.addEventHandler(name, (params?: Record<string, unknown>) => {\n          this.trackUnstructEvent(\n            makePayload(params) as SelfDescribingJson<Record<string, unknown>>,\n          );\n        });\n      }\n    });\n    return this;\n  }\n\n  private addEventHandler(\n    name: string,\n    handler: (params?: Record<string, unknown>) => void,\n  ) {\n    this.eventHandlers[name] = handler;\n    return this;\n  }\n\n  private removeEventHandler(name: string) {\n    delete this.eventHandlers[name];\n    return this;\n  }\n\n  trigger(name: string, params?: Record<string, unknown>) {\n    if (this.eventHandlers[name]) {\n      this.eventHandlers[name](params);\n    }\n    return this;\n  }\n}\n"],"names":["newTracker","setCookiePath","setUserId","trackPageView","trackSelfDescribingEvent","trackStructEvent","Snowplow","setContexts","contexts","index","findIndex","ctx","schema","includes","data","domain_userid","uid","trackView","context","trackEvent","event","bronzeAvalancheTrackerName","trackUnstructEvent","avalancheTrackerName","addEventHandlers","eventDefinitions","forEach","name","type","makePayload","addEventHandler","params","handler","eventHandlers","removeEventHandler","trigger","constructor","props","pvAvalancheTrackerName","appId","cookieDomain","avalancheCollector","eventMethod","postPath","tpv","stateStorageStrategy","baseOptions"],"mappings":"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"}

package/dist/esm/services/snowplow/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/services/snowplow/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/services/snowplow/types.ts"],"sourcesContent":["import {\n  EventMethod,\n  SelfDescribingJson,\n  StructuredEvent,\n} from \"@snowplow/browser-tracker\";\n\ntype BaseConfig = {\n  appId: string;\n  avalancheCollector: string;\n  eventMethod: EventMethod;\n  trackPageView: boolean;\n  includeGAContext: boolean;\n  uid?: string;\n  postPath?: string;\n};\n\nexport type EnvConfig = BaseConfig & {\n  cookieDomain: Record<string, string>;\n};\n\nexport type TrackingProps = BaseConfig & {\n  eventMethod: EventMethod;\n  cookieDomain?: string;\n};\n\nexport type ChannelContext = {\n  schema: string;\n  data: Record<string, string | number>;\n};\n\nexport type ChannelContexts = Record<string, ChannelContext>;\n\nexport type ArrayOneOrMore<T> = [T, ...T[]];\n\nexport type ParamsType = Record<\n  | \"label\"\n  | \"deviceType\"\n  | \"category\"\n  | \"product\"\n  | \"title\"\n  | \"label\"\n  | \"name\"\n  | \"fromValue\"\n  | \"toValue\",\n  string\n>;\n\nexport type EventDefinition = {\n  name: string;\n  type: \"structured\" | \"unstructured\";\n  makePayload: (\n    params?: Record<string, unknown>,\n  ) => StructuredEvent | SelfDescribingJson<Record<string, unknown>>;\n};\n\nexport interface PageDataProps\n  extends Partial<\n    Record<\n      \"scripts\",\n      Array<{\n        metadata: { name: string };\n        props?: Record<string, unknown>;\n      }>\n    >\n  > {}\n"],"names":[],"mappings":"AAuDA,WASM"}

package/dist/esm/utils/index.js

@@ -0,0 +1,3 @@
+export * from "./text";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./text\";\n"],"names":[],"mappings":"AAAA,cAAc,SAAS"}

package/dist/esm/utils/testUtils.js

@@ -0,0 +1,26 @@
+/* eslint-disable import/no-extraneous-dependencies */ import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { pageData } from "../data/scripts-mock";
+import { SnowplowProvider } from "../services/snowplow/SnowplowContext";
+import { getSnowplowConfig } from "../services/snowplow/getSnowplowConfig";
+// Snowplow analytics
+const snowplowProps = getSnowplowConfig(pageData);
+const ProvidersMock = ({ children })=>/*#__PURE__*/ _jsx(SnowplowProvider, {
+        scripts: snowplowProps,
+        children: children
+    });
+export const renderWithProviders = (ui, options)=>render(ui, {
+        wrapper: ProvidersMock,
+        ...options
+    });
+// Mocks window.location for url testing
+export const mockLocation = ({ origin = "https://simplybusiness.co.uk", pathname = "" })=>Object.defineProperty(window, "location", {
+        get () {
+            return {
+                origin,
+                pathname
+            };
+        }
+    });
+
+//# sourceMappingURL=testUtils.js.map

package/dist/esm/utils/testUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/testUtils.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { RenderOptions, render } from \"@testing-library/react\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { pageData } from \"../data/scripts-mock\";\nimport { SnowplowProvider } from \"../services/snowplow/SnowplowContext\";\nimport { getSnowplowConfig } from \"../services/snowplow/getSnowplowConfig\";\nimport { PageDataProps } from \"../services/snowplow/types\";\n\n// Snowplow analytics\nconst snowplowProps = getSnowplowConfig(pageData as PageDataProps);\n\nconst ProvidersMock = ({ children }: { children: ReactNode }) => (\n  <SnowplowProvider scripts={snowplowProps!}>{children}</SnowplowProvider>\n);\n\nexport const renderWithProviders = (\n  ui: ReactElement,\n  options?: RenderOptions,\n) => render(ui, { wrapper: ProvidersMock, ...options });\n\n// Mocks window.location for url testing\nexport const mockLocation = ({\n  origin = \"https://simplybusiness.co.uk\",\n  pathname = \"\",\n}: {\n  origin?: string;\n  pathname?: string;\n}) =>\n  Object.defineProperty(window, \"location\", {\n    get() {\n      return {\n        origin,\n        pathname,\n      };\n    },\n  });\n"],"names":["render","pageData","SnowplowProvider","getSnowplowConfig","snowplowProps","ProvidersMock","children","scripts","renderWithProviders","ui","options","wrapper","mockLocation","origin","pathname","Object","defineProperty","window","get"],"mappings":"AAAA,oDAAoD;AACpD,SAAwBA,MAAM,QAAQ,yBAAyB;AAE/D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,iBAAiB,QAAQ,yCAAyC;AAG3E,qBAAqB;AACrB,MAAMC,gBAAgBD,kBAAkBF;AAExC,MAAMI,gBAAgB,CAAC,EAAEC,QAAQ,EAA2B,iBAC1D,KAACJ;QAAiBK,SAASH;kBAAiBE;;AAG9C,OAAO,MAAME,sBAAsB,CACjCC,IACAC,UACGV,OAAOS,IAAI;QAAEE,SAASN;QAAe,GAAGK,OAAO;IAAC,GAAG;AAExD,wCAAwC;AACxC,OAAO,MAAME,eAAe,CAAC,EAC3BC,SAAS,8BAA8B,EACvCC,WAAW,EAAE,EAId,GACCC,OAAOC,cAAc,CAACC,QAAQ,YAAY;QACxCC;YACE,OAAO;gBACLL;gBACAC;YACF;QACF;IACF,GAAG"}

package/dist/esm/utils/text.js

@@ -0,0 +1,3 @@
+export const snakeCase = (text = "")=>text.toLowerCase().replace(/ /g, "_");
+
+//# sourceMappingURL=text.js.map

package/dist/esm/utils/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/text.ts"],"sourcesContent":["export const snakeCase = (text = \"\"): string =>\n  text.toLowerCase().replace(/ /g, \"_\");\n"],"names":["snakeCase","text","toLowerCase","replace"],"mappings":"AAAA,OAAO,MAAMA,YAAY,CAACC,OAAO,EAAE,GACjCA,KAAKC,WAAW,GAAGC,OAAO,CAAC,MAAM,KAAK"}

package/dist/types/data/scripts-mock.d.ts

@@ -0,0 +1,44 @@
+export declare const pageData: {
+    scripts: {
+        metadata: {
+            name: string;
+        };
+        props: {
+            uid: string;
+            cookieDomain: string;
+            avalancheCollector: string;
+            appId: string;
+            includeGAContext: boolean;
+            eventMethod: string;
+            postPath: string;
+            trackActivity: boolean;
+            trackPageView: boolean;
+            pageViewContext: {
+                schema: string;
+                data: {
+                    site: string;
+                    vertical: string;
+                    super_segment: string;
+                    primary_detail: string;
+                    journey_name: string;
+                    journey_id: string;
+                    page_step_name: string;
+                    page_step_depth: number;
+                };
+            };
+            distributionChannelContext: {
+                schema: string;
+                data: {
+                    service_channel_identifier: string;
+                };
+            };
+            serviceChannelContext: {
+                schema: string;
+                data: {
+                    service_channel_identifier: string;
+                };
+            };
+            forceSecureTracker: boolean;
+        };
+    }[];
+};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./services";

package/dist/types/mocks/eventDefinitions.d.ts

@@ -0,0 +1,32 @@
+declare const _default: ({
+    name: string;
+    type: string;
+    makePayload: (params: {
+        label: "next" | "back" | "redirect";
+    }) => {
+        category: string;
+        action: string;
+        label: "next" | "back" | "redirect";
+        property: string;
+    };
+} | {
+    name: string;
+    type: string;
+    makePayload: (params: {
+        vertical?: string;
+        question: string;
+        answer?: string;
+    }) => {
+        schema: string;
+        data: {
+            site: string;
+            vertical: string;
+            page_index: number;
+            page_name: string;
+            section_name: string;
+            question: string;
+            answer: string | undefined;
+        };
+    };
+})[];
+export default _default;

package/dist/types/services/airbrake/index.d.ts

@@ -0,0 +1,2 @@
+import { Notifier } from "@airbrake/browser";
+export declare const airbrake: Notifier;

package/dist/types/services/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./snowplow";
+export * from "./snowplow/SnowplowContext";
+export * from "./snowplow/getSnowplowConfig";
+export * from "./snowplow/contexts";
+export * from "./airbrake";

package/dist/types/services/snowplow/SnowplowContext.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import { Snowplow } from ".";
+import { TrackingProps } from "./types";
+export interface SnowplowContextInterface {
+    config: TrackingProps;
+    snowplow?: Snowplow;
+}
+type ProviderProps = {
+    scripts: TrackingProps;
+    children: ReactNode;
+};
+export declare const SnowplowProvider: ({ scripts, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useSnowplowContext(): SnowplowContextInterface;
+export {};

package/dist/types/services/snowplow/SnowplowContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/services/snowplow/contexts.d.ts

@@ -0,0 +1,3 @@
+import { SelfDescribingJson } from "@snowplow/browser-tracker";
+import { TrackingProps } from "./types";
+export declare const getContexts: (config: TrackingProps) => SelfDescribingJson<Record<string, unknown>>[];

package/dist/types/services/snowplow/contexts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/services/snowplow/event-definitions.d.ts

@@ -0,0 +1,18 @@
+import { EventDefinition } from "./types";
+/**
+ * Event definitions for Snowplow
+ * @type {EventDefinition[]}
+ * @property {string} name - The name of the event, to use when triggering
+ * @property {string} type - The type of the event (structured | unstructured)
+ * @property {makePayload} makePayload
+ *   - Function that creates the payload for the event;
+ *   - Allows optional params object to be passed in
+ *
+ * @example
+ * import { Snowplow } from "./Snowplow";
+ * import { eventDefinitions } from "./event-definitions";
+ *
+ * const snowplow = new Snowplow();
+ * snowplow.addEventHandlers(eventDefinitions);
+ */
+export declare const eventDefinitions: EventDefinition[];

package/dist/types/services/snowplow/getSnowplowConfig.d.ts

@@ -0,0 +1,2 @@
+import type { TrackingProps, PageDataProps } from "./types";
+export declare const getSnowplowConfig: (pageData: PageDataProps) => TrackingProps | undefined;