@micromag/viewer 0.3.635 → 0.3.637

package/es/index.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import React, { useEffect, useState, useCallback, useMemo, useRef } from 'react';
 import { Link, useLocation, Switch, Route, Router } from 'wouter';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { useViewerSize, usePlaybackContext, useViewerWebView, useViewerInteraction, StoryProvider, ScreenSizeProvider, ViewerProvider, GoogleKeysProvider, GoogleMapsClientProvider, ComponentsProvider, SCREENS_NAMESPACE, VisitorProvider, PlaybackProvider, TrackingProvider } from '@micromag/core/contexts';
+import { useViewerSize, usePlaybackContext, useViewerWebView, useViewerInteraction, useStory, StoryProvider, ScreenSizeProvider, ViewerProvider, GoogleKeysProvider, GoogleMapsClientProvider, ComponentsProvider, SCREENS_NAMESPACE, VisitorProvider, PlaybackProvider, TrackingProvider } from '@micromag/core/contexts';
 import { IntlProvider } from '@micromag/intl';
 import { ScreensProvider } from '@micromag/screens';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -25,6 +25,7 @@ import { useSpring } from '@react-spring/core';
 import Scroll from '@micromag/element-scroll';
 import ShareOptions from '@micromag/element-share-options';
 import { useGesture } from '@use-gesture/react';
+import queryString from 'query-string';
 import WebView from '@micromag/element-webview';
 
 // eslint-disable-next-line import/prefer-default-export
@@ -2469,7 +2470,7 @@ PlaybackControls.defaultProps = defaultProps$4;
 
 var styles = {"container":"micromag-viewer-partials-web-view-container","opened":"micromag-viewer-partials-web-view-opened"};
 
-var _excluded$2 = ["opened", "close", "open", "update", "url"];
+var _excluded$2 = ["opened", "close", "open", "update", "url", "source"];
 var propTypes$3 = {
   onChange: PropTypes.func,
   className: PropTypes.string,
@@ -2491,6 +2492,8 @@ function WebViewContainer(_ref) {
     _useViewerWebView.update;
     var _useViewerWebView$url = _useViewerWebView.url,
     url = _useViewerWebView$url === undefined ? null : _useViewerWebView$url,
+    _useViewerWebView$sou = _useViewerWebView.source,
+    source = _useViewerWebView$sou === undefined ? null : _useViewerWebView$sou,
     webViewProps = _objectWithoutProperties(_useViewerWebView, _excluded$2);
   var _useViewerInteraction = useViewerInteraction(),
     disableInteraction = _useViewerInteraction.disableInteraction,
@@ -2505,6 +2508,8 @@ function WebViewContainer(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     currentUrl = _useState2[0],
     setCurrentUrl = _useState2[1];
+  var _useStory = useStory(),
+    storyTitle = _useStory.title;
   var ref = useRef(null);
 
   // Handle current webview url
@@ -2548,13 +2553,23 @@ function WebViewContainer(_ref) {
     };
   }, [close]);
   useKeyboardShortcuts(keyboardShortcuts);
+  var webViewUrl = url || currentUrl;
+  var finalUrl = useMemo(function () {
+    var currentQueryString = queryString.parse(webViewUrl !== null && webViewUrl.indexOf('?') !== -1 ? webViewUrl.split('?')[1] : '');
+    return webViewUrl !== null ? "".concat(webViewUrl.split('?')[0], "?").concat(queryString.stringify(_objectSpread({
+      utm_source: 'Micromag',
+      utm_medium: source || 'webview',
+      utm_campaign: storyTitle
+    }, currentQueryString))) : url;
+  }, [webViewUrl, source]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty(_defineProperty({}, styles.opened, opened), className, className !== null)]),
     style: style,
     onTransitionEnd: onTransitionEnd,
     ref: ref
   }, /*#__PURE__*/React.createElement(WebView, Object.assign({
-    url: url || currentUrl
+    url: finalUrl,
+    source: source
   }, webViewProps, {
     closeable: opened,
     focusable: opened,
@@ -3495,7 +3510,7 @@ var defaultRoutes = {
   screen: screen
 };
 
-var _excluded = ["story", "paused", "screenComponents", "memoryRouter", "basePath", "routes", "withoutRouter", "googleApiKey", "visitor", "trackingVariables", "locale", "locales", "translations", "pathWithIndex", "trackingDisabled"];
+var _excluded = ["story", "paused", "screenComponents", "memoryRouter", "basePath", "routes", "withoutRouter", "googleApiKey", "visitor", "locale", "locales", "translations", "pathWithIndex", "trackingVariables", "trackingDisabled", "trackingPaused"];
 var propTypes = {
   story: PropTypes$1.story,
   paused: PropTypes.bool,
@@ -3507,12 +3522,13 @@ var propTypes = {
   withoutRouter: PropTypes.bool,
   googleApiKey: PropTypes.string,
   visitor: PropTypes$1.visitor,
-  trackingVariables: PropTypes$1.trackingVariables,
   locale: PropTypes.string,
   locales: PropTypes.arrayOf(PropTypes.string),
   translations: PropTypes.objectOf(PropTypes.string),
   pathWithIndex: PropTypes.bool,
+  trackingVariables: PropTypes$1.trackingVariables,
   trackingDisabled: PropTypes.bool,
+  trackingPaused: PropTypes.bool,
   children: PropTypes.func
 };
 var defaultProps = {
@@ -3526,12 +3542,13 @@ var defaultProps = {
   withoutRouter: false,
   googleApiKey: null,
   visitor: null,
-  trackingVariables: null,
   locale: 'en',
   locales: ['fr', 'en'],
   translations: null,
   pathWithIndex: false,
+  trackingVariables: null,
   trackingDisabled: false,
+  trackingPaused: false,
   children: null
 };
 var ViewerContainer = function ViewerContainer(_ref) {
@@ -3544,12 +3561,13 @@ var ViewerContainer = function ViewerContainer(_ref) {
     withoutRouter = _ref.withoutRouter,
     googleApiKey = _ref.googleApiKey,
     visitor = _ref.visitor,
-    trackingVariables = _ref.trackingVariables,
     locale = _ref.locale,
     locales = _ref.locales,
     translations = _ref.translations,
     pathWithIndex = _ref.pathWithIndex,
+    trackingVariables = _ref.trackingVariables,
     trackingDisabled = _ref.trackingDisabled,
+    trackingPaused = _ref.trackingPaused,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var finalTrackingVariables = useMemo(function () {
     if (story === null && trackingVariables === null) {
@@ -3593,7 +3611,8 @@ var ViewerContainer = function ViewerContainer(_ref) {
     paused: paused
   }, /*#__PURE__*/React.createElement(TrackingProvider, {
     variables: finalTrackingVariables,
-    disabled: trackingDisabled
+    disabled: trackingDisabled,
+    paused: trackingPaused
   }, withoutRouter ? /*#__PURE__*/React.createElement(Viewer, Object.assign({
     story: story,
     basePath: basePath

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.635",
+    "version": "0.3.637",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.3.628",
-        "@micromag/element-badge": "^0.3.628",
-        "@micromag/element-scroll": "^0.3.628",
-        "@micromag/element-share-options": "^0.3.628",
-        "@micromag/element-webview": "^0.3.628",
-        "@micromag/elements": "^0.3.628",
-        "@micromag/intl": "^0.3.628",
-        "@micromag/screens": "^0.3.632",
+        "@micromag/core": "^0.3.637",
+        "@micromag/element-badge": "^0.3.637",
+        "@micromag/element-scroll": "^0.3.637",
+        "@micromag/element-share-options": "^0.3.637",
+        "@micromag/element-webview": "^0.3.637",
+        "@micromag/elements": "^0.3.637",
+        "@micromag/intl": "^0.3.637",
+        "@micromag/screens": "^0.3.637",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.0",
@@ -79,6 +79,7 @@
         "detect-pointer-events": "^1.0.2",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
+        "query-string": "^9.1.1",
         "react-focus-lock": "^2.11.2",
         "react-helmet": "^6.1.0",
         "react-intl": "^6.6.4",
@@ -91,5 +92,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4b794c42b138c74fcf62ebe9a0435d515dd76f91"
+    "gitHead": "8f06c2a525d71dc47183af7786284632a04332e1"
 }