@telefonica/mistica 11.8.0 → 11.10.1

package/dist-es/utils/__tests__/analytics-test.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import ThemeContextProvider from "../../theme-context-provider";
+import { render, screen } from "@testing-library/react";
+import { makeTheme } from "../../__tests__/test-utils";
+import { TrackingConfig, useTrackingConfig } from "../analytics";
+var PrintEventFormat = function(param) {
+    var prefix = param.prefix;
+    var eventFormat = useTrackingConfig().eventFormat;
+    return /*#__PURE__*/ _jsx("div", {
+        children: "".concat(prefix, ": ").concat(eventFormat)
+    });
+};
+test("TrackingConfig context providers", function() {
+    render(/*#__PURE__*/ _jsxs(ThemeContextProvider, {
+        theme: makeTheme({
+            analytics: {
+                logEvent: function() {
+                    return Promise.resolve();
+                },
+                eventFormat: "google-analytics-4"
+            }
+        }),
+        children: [
+            /*#__PURE__*/ _jsx(PrintEventFormat, {
+                prefix: "test1"
+            }),
+            /*#__PURE__*/ _jsxs(TrackingConfig, {
+                eventFormat: "universal-analytics",
+                children: [
+                    /*#__PURE__*/ _jsx(PrintEventFormat, {
+                        prefix: "test2"
+                    }),
+                    /*#__PURE__*/ _jsx(TrackingConfig, {
+                        eventFormat: "google-analytics-4",
+                        children: /*#__PURE__*/ _jsx(PrintEventFormat, {
+                            prefix: "test3"
+                        })
+                    })
+                ]
+            })
+        ]
+    }));
+    expect(screen.getByText("test1: google-analytics-4")).toBeInTheDocument();
+    expect(screen.getByText("test2: universal-analytics")).toBeInTheDocument();
+    expect(screen.getByText("test3: google-analytics-4")).toBeInTheDocument();
+});

package/dist-es/utils/analytics.js

@@ -1,3 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 // Universal Analytics (legacy)
 export var eventCategories = {
     userInteraction: "user_interaction"
@@ -9,3 +11,23 @@ export var eventActions = {
 export var eventNames = {
     userInteraction: "user_interaction"
 };
+var TrackingContext = /*#__PURE__*/ React.createContext({
+    eventFormat: "universal-analytics"
+});
+export var TrackingConfig = function(param) {
+    var children = param.children, eventFormat = param.eventFormat;
+    var value = React.useMemo(function() {
+        return {
+            eventFormat: eventFormat
+        };
+    }, [
+        eventFormat
+    ]);
+    return /*#__PURE__*/ _jsx(TrackingContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+export var useTrackingConfig = function() {
+    return React.useContext(TrackingContext);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "11.8.0",
+    "version": "11.10.1",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -107,7 +107,7 @@
         "jimp": "^0.16.1",
         "lint-staged": "^12.3.7",
         "node-fetch": "^2.6.7",
-        "playroom": "^0.27.9",
+        "playroom": "^0.28.0",
         "prettier": "^2.6.1",
         "pretty-bytes": "^5.6.0",
         "prop-types": "^15.8.1",
@@ -123,7 +123,7 @@
     },
     "dependencies": {
         "@juggle/resize-observer": "^3.3.1",
-        "@tef-novum/webview-bridge": "^3.5.0",
+        "@tef-novum/webview-bridge": "^3.7.0",
         "@telefonica/libphonenumber": "^2.8.1",
         "classnames": "^2.3.1",
         "jss": "^10.9.0",