@micromag/viewer 0.3.634 → 0.3.636

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,14 +2553,23 @@ function WebViewContainer(_ref) {
     };
   }, [close]);
   useKeyboardShortcuts(keyboardShortcuts);
-  console.log('webview opened', opened);
+  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,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.634",
+    "version": "0.3.636",
     "private": false,
     "description": "",
     "keywords": [
@@ -71,7 +71,7 @@
         "@micromag/element-webview": "^0.3.628",
         "@micromag/elements": "^0.3.628",
         "@micromag/intl": "^0.3.628",
-        "@micromag/screens": "^0.3.632",
+        "@micromag/screens": "^0.3.636",
         "@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": "d7d8d7f1b6e3ead6f99ab2d0a062a1bfefadcc12"
+    "gitHead": "97a9840e7df9d9d9e5854b927597fadc11c423c1"
 }