@micromag/core 0.3.679 → 0.3.706

package/es/contexts.js

@@ -2,11 +2,13 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isString from 'lodash/isString';
 import PropTypes from 'prop-types';
 import React, { useContext, useMemo, useState, useEffect, useCallback, useRef } from 'react';
-import { ComponentsManager, FieldsManager, PropTypes as PropTypes$1, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
+import { ComponentsManager, PropTypes as PropTypes$1, FieldsManager, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import JSCookie from 'js-cookie';
+import { defineMessages, useIntl } from 'react-intl';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import uniqBy from 'lodash/uniqBy';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getJSON } from '@folklore/fetch';
 import isObject from 'lodash/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
@@ -14,7 +16,6 @@ import { getDisplayName, getScreenExtraField } from '@micromag/core/utils';
 import { useUrlGenerator } from '@folklore/routes';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
 import { useLocation } from 'wouter';
-import { useIntl } from 'react-intl';
 import { TrackingContext, TrackingContainer } from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
 import EventEmitter from 'wolfy87-eventemitter';
@@ -133,13 +134,13 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var propTypes$i = {
+var propTypes$j = {
   children: PropTypes.node.isRequired,
   namespace: PropTypes.string,
   manager: PropTypes.instanceOf(ComponentsManager),
   components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
 };
-var defaultProps$i = {
+var defaultProps$j = {
   namespace: null,
   components: {},
   manager: null
@@ -157,8 +158,224 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$i;
-ComponentsProvider.defaultProps = defaultProps$i;
+ComponentsProvider.propTypes = propTypes$j;
+ComponentsProvider.defaultProps = defaultProps$j;
+
+var messages = defineMessages({
+  functionality_title: {
+    id: "consent.functionality_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Functionnal"
+    }]
+  },
+  functionality_description: {
+    id: "consent.functionality_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies required for the site to function properly."
+    }]
+  },
+  analytics_title: {
+    id: "consent.analytics_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Analytics"
+    }]
+  },
+  analytics_description: {
+    id: "consent.analytics_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used to measure user behavior."
+    }]
+  },
+  ad_storage_title: {
+    id: "consent.ad_storage_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Ad Storage"
+    }]
+  },
+  ad_storage_description: {
+    id: "consent.ad_storage_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for advertising purposes."
+    }]
+  },
+  ad_personalization_title: {
+    id: "consent.ad_personalization_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Ad Personalization"
+    }]
+  },
+  ad_personalization_description: {
+    id: "consent.ad_personalization_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for ad targeting."
+    }]
+  },
+  ad_user_data_title: {
+    id: "consent.ad_user_data_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "User Ad Data"
+    }]
+  },
+  ad_user_data_description: {
+    id: "consent.ad_user_data_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for user-specific ad data."
+    }]
+  },
+  personalization_storage_title: {
+    id: "consent.personalization_storage_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Personalization Storage"
+    }]
+  },
+  personalization_storage_description: {
+    id: "consent.personalization_storage_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for personalizing user experience."
+    }]
+  },
+  security_storage_title: {
+    id: "consent.security_storage_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Security Storage"
+    }]
+  },
+  security_storage_description: {
+    id: "consent.security_storage_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for security purposes."
+    }]
+  }
+});
+var consentStates = [{
+  id: 'functionality_storage',
+  label: messages.functionality_title,
+  description: messages.functionality_description,
+  value: true,
+  disabled: true
+}, {
+  id: 'security_storage',
+  label: messages.security_storage_title,
+  description: messages.security_storage_description,
+  value: true
+}, {
+  id: 'personalization_storage',
+  label: messages.personalization_storage_title,
+  description: messages.personalization_storage_description,
+  value: true
+}, {
+  id: 'analytics_storage',
+  label: messages.analytics_title,
+  description: messages.analytics_description,
+  value: true
+}, {
+  id: 'ad_storage',
+  label: messages.ad_storage_title,
+  description: messages.ad_storage_description,
+  value: true
+}, {
+  id: 'ad_personalization',
+  label: messages.ad_personalization_title,
+  description: messages.ad_personalization_description,
+  value: true
+}, {
+  id: 'ad_user_data',
+  label: messages.ad_user_data_title,
+  description: messages.ad_user_data_description,
+  value: true
+}];
+var ConsentContext = /*#__PURE__*/React.createContext({
+  consent: null,
+  setConsent: function setConsent() {}
+});
+var useConsent = function useConsent() {
+  return useContext(ConsentContext);
+};
+var propTypes$i = {
+  children: PropTypes.node.isRequired,
+  consent: PropTypes$1.consent
+};
+var defaultProps$i = {
+  consent: ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data']
+};
+var ConsentProvider = function ConsentProvider(_ref) {
+  var providedConsent = _ref.consent,
+    children = _ref.children;
+  var baseConsent = useMemo(function () {
+    return (providedConsent || consentStates || []).map(function (item) {
+      if (isString(item)) {
+        return (consentStates || []).find(function (it) {
+          return it.id === item;
+        }) || null;
+      }
+      return item || null;
+    }).filter(function (it) {
+      return it !== null;
+    }).map(function (it) {
+      return _objectSpread(_objectSpread({}, it), {}, {
+        value:
+        // eslint-disable-next-line no-nested-ternary
+        JSCookie.get(it.id) === 'granted' ? true : JSCookie.get(it.id) === 'denied' ? false : it.value
+      });
+    });
+  }, [providedConsent]);
+  var _useState = useState(baseConsent),
+    _useState2 = _slicedToArray(_useState, 2),
+    consent = _useState2[0],
+    setConsentState = _useState2[1];
+  useEffect(function () {
+    if (baseConsent) {
+      setConsentState(baseConsent);
+    }
+  }, [baseConsent, setConsentState]);
+  var setConsent = useCallback(function (values) {
+    JSCookie.set('show_consent', values === null || values === undefined, {
+      secure: true,
+      expires: 182
+    });
+    (values || []).forEach(function (it) {
+      if (it.value === true) {
+        JSCookie.set(it.id, 'granted', {
+          secure: true,
+          expires: 182
+        });
+      } else if (it.value === false) {
+        JSCookie.set(it.id, 'denied', {
+          secure: true,
+          expires: 182
+        });
+      } else {
+        JSCookie.remove(it.id);
+      }
+    });
+    setConsentState(values);
+  }, [setConsentState]);
+  var value = useMemo(function () {
+    return {
+      consent: consent,
+      setConsent: setConsent
+    };
+  }, [consent, setConsent]);
+  return /*#__PURE__*/React.createElement(ConsentContext.Provider, {
+    value: value
+  }, children);
+};
+ConsentProvider.propTypes = propTypes$i;
+ConsentProvider.defaultProps = defaultProps$i;
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -905,21 +1122,21 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
     controls = _useState8[0],
     setControls = _useState8[1];
   var _useState9 = useState(initialControlsSuggestPlay),
-    _useState10 = _slicedToArray(_useState9, 2),
-    controlsSuggestPlay = _useState10[0],
-    setControlsSuggestPlay = _useState10[1];
-  var _useState11 = useState(initialControlsVisible),
+    _useState0 = _slicedToArray(_useState9, 2),
+    controlsSuggestPlay = _useState0[0],
+    setControlsSuggestPlay = _useState0[1];
+  var _useState1 = useState(initialControlsVisible),
+    _useState10 = _slicedToArray(_useState1, 2),
+    controlsVisible = _useState10[0],
+    setControlsVisible = _useState10[1];
+  var _useState11 = useState(initialControlsTheme),
     _useState12 = _slicedToArray(_useState11, 2),
-    controlsVisible = _useState12[0],
-    setControlsVisible = _useState12[1];
-  var _useState13 = useState(initialControlsTheme),
+    controlsTheme = _useState12[0],
+    setControlsTheme = _useState12[1];
+  var _useState13 = useState(initialCurrentQualityLevel),
     _useState14 = _slicedToArray(_useState13, 2),
-    controlsTheme = _useState14[0],
-    setControlsTheme = _useState14[1];
-  var _useState15 = useState(initialCurrentQualityLevel),
-    _useState16 = _slicedToArray(_useState15, 2),
-    currentQualityLevel = _useState16[0],
-    setCurrentQualityLevel = _useState16[1];
+    currentQualityLevel = _useState14[0],
+    setCurrentQualityLevel = _useState14[1];
   var finalSetControls = useCallback(function (newControls) {
     if (newControls) {
       setControls(true);
@@ -1421,4 +1638,4 @@ var VisitorProvider = function VisitorProvider(_ref) {
 VisitorProvider.propTypes = propTypes;
 VisitorProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/es/hooks.js

@@ -923,17 +923,17 @@ var useMediaApi = function useMediaApi() {
     ready = _useState8[0],
     setReady = _useState8[1];
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    dataReady = _useState10[0],
-    setDataReady = _useState10[1];
-  var _useState11 = useState(true),
+    _useState0 = _slicedToArray(_useState9, 2),
+    dataReady = _useState0[0],
+    setDataReady = _useState0[1];
+  var _useState1 = useState(true),
+    _useState10 = _slicedToArray(_useState1, 2),
+    initialPlay = _useState10[0],
+    setInitialPlay = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    initialPlay = _useState12[0],
-    setInitialPlay = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    suspended = _useState14[0],
-    setSuspended = _useState14[1];
+    suspended = _useState12[0],
+    setSuspended = _useState12[1];
   var progressStepsReached = useRef({});
   var paused = !playing;
 

package/es/index.js

@@ -1902,20 +1902,20 @@ var ButtonPadding = /*#__PURE__*/function () {
   return _createClass(ButtonPadding, [{
     key: "test",
     value: function test(screen) {
-      var _ref10 = screen || {},
-        _ref10$footer = _ref10.footer,
-        footer = _ref10$footer === void 0 ? null : _ref10$footer,
-        _ref10$header = _ref10.header,
-        header = _ref10$header === void 0 ? null : _ref10$header;
+      var _ref0 = screen || {},
+        _ref0$footer = _ref0.footer,
+        footer = _ref0$footer === void 0 ? null : _ref0$footer,
+        _ref0$header = _ref0.header,
+        header = _ref0$header === void 0 ? null : _ref0$header;
       if (header === null || footer === null) {
         return false;
       }
-      var _ref11 = header || {},
-        _ref11$badge = _ref11.badge,
-        badge = _ref11$badge === void 0 ? null : _ref11$badge;
-      var _ref12 = footer || {},
-        _ref12$callToAction = _ref12.callToAction,
-        callToAction = _ref12$callToAction === void 0 ? null : _ref12$callToAction;
+      var _ref1 = header || {},
+        _ref1$badge = _ref1.badge,
+        badge = _ref1$badge === void 0 ? null : _ref1$badge;
+      var _ref10 = footer || {},
+        _ref10$callToAction = _ref10.callToAction,
+        callToAction = _ref10$callToAction === void 0 ? null : _ref10$callToAction;
       if (callToAction === null) {
         return false;
       }
@@ -1935,20 +1935,20 @@ var ButtonPadding = /*#__PURE__*/function () {
   }, {
     key: "parse",
     value: function parse(screen) {
-      var _ref13 = screen || {},
-        _ref13$footer = _ref13.footer,
-        footer = _ref13$footer === void 0 ? null : _ref13$footer,
-        _ref13$header = _ref13.header,
-        header = _ref13$header === void 0 ? null : _ref13$header,
-        restScreen = _objectWithoutProperties(_ref13, _excluded$3);
-      var _ref14 = header || {},
-        _ref14$badge = _ref14.badge,
-        badge = _ref14$badge === void 0 ? null : _ref14$badge,
-        restHeader = _objectWithoutProperties(_ref14, _excluded2$1);
-      var _ref15 = footer || {},
-        _ref15$callToAction = _ref15.callToAction,
-        callToAction = _ref15$callToAction === void 0 ? null : _ref15$callToAction,
-        restFooter = _objectWithoutProperties(_ref15, _excluded3);
+      var _ref11 = screen || {},
+        _ref11$footer = _ref11.footer,
+        footer = _ref11$footer === void 0 ? null : _ref11$footer,
+        _ref11$header = _ref11.header,
+        header = _ref11$header === void 0 ? null : _ref11$header,
+        restScreen = _objectWithoutProperties(_ref11, _excluded$3);
+      var _ref12 = header || {},
+        _ref12$badge = _ref12.badge,
+        badge = _ref12$badge === void 0 ? null : _ref12$badge,
+        restHeader = _objectWithoutProperties(_ref12, _excluded2$1);
+      var _ref13 = footer || {},
+        _ref13$callToAction = _ref13.callToAction,
+        callToAction = _ref13$callToAction === void 0 ? null : _ref13$callToAction,
+        restFooter = _objectWithoutProperties(_ref13, _excluded3);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         header: _objectSpread(_objectSpread({}, restHeader), badge !== null ? {
           badge: parsePadding(badge)
@@ -2285,9 +2285,9 @@ var ThemeParser = /*#__PURE__*/function () {
         var innerDefinition = isArray(fieldsOrDefinition) ? fieldsOrDefinition.find(function (it) {
           return it.name === innerFieldName;
         }) || null : fieldsOrDefinition;
-        var _ref10 = innerDefinition || {},
-          _ref10$theme = _ref10.theme,
-          idfTheme = _ref10$theme === void 0 ? null : _ref10$theme;
+        var _ref0 = innerDefinition || {},
+          _ref0$theme = _ref0.theme,
+          idfTheme = _ref0$theme === void 0 ? null : _ref0$theme;
         var innerValue = value[innerFieldName];
 
         // For items fields
@@ -2318,14 +2318,14 @@ var ThemeParser = /*#__PURE__*/function () {
       var _this5 = this;
       if (isObject(initialValue) || isObject(fieldTheme)) {
         var value = initialValue || null;
-        var _ref11 = fieldTheme || {},
-          _ref11$textStyle = _ref11.textStyle,
-          fieldTextStyleName = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
-          _ref11$color = _ref11.color,
-          fieldColorName = _ref11$color === void 0 ? null : _ref11$color,
-          _ref11$boxStyle = _ref11.boxStyle,
-          fieldBoxStyleName = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle,
-          otherProps = _objectWithoutProperties(_ref11, _excluded$1);
+        var _ref1 = fieldTheme || {},
+          _ref1$textStyle = _ref1.textStyle,
+          fieldTextStyleName = _ref1$textStyle === void 0 ? null : _ref1$textStyle,
+          _ref1$color = _ref1.color,
+          fieldColorName = _ref1$color === void 0 ? null : _ref1$color,
+          _ref1$boxStyle = _ref1.boxStyle,
+          fieldBoxStyleName = _ref1$boxStyle === void 0 ? null : _ref1$boxStyle,
+          otherProps = _objectWithoutProperties(_ref1, _excluded$1);
         if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null && isEmpty(otherProps) && !isObject(fieldTheme)) {
           return value;
         }
@@ -2337,11 +2337,11 @@ var ThemeParser = /*#__PURE__*/function () {
             return _objectSpread(_objectSpread({}, newObject), newValue !== null ? _defineProperty({}, key, newValue) : null);
           }, {});
         }
-        var _ref13 = value || {},
-          _ref13$textStyle = _ref13.textStyle,
-          valueTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
-          _ref13$boxStyle = _ref13.boxStyle,
-          valueBoxStyle = _ref13$boxStyle === void 0 ? null : _ref13$boxStyle;
+        var _ref11 = value || {},
+          _ref11$textStyle = _ref11.textStyle,
+          valueTextStyle = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
+          _ref11$boxStyle = _ref11.boxStyle,
+          valueBoxStyle = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle;
 
         // Color
         var fieldColor = fieldColorName !== null && themeColors !== null ? themeColors[fieldColorName] || null : null;

package/es/utils.js

@@ -1,7 +1,7 @@
 import isNumber from 'lodash/isNumber';
 import { kebabCase, pascalCase, snakeCase } from 'change-case';
 export { camelCase, pascalCase, snakeCase } from 'change-case';
-import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
+import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import isObject from 'lodash/isObject';
 import { useEffect, useMemo } from 'react';
@@ -33,20 +33,17 @@ function copyClipboardApi(_x) {
   return _copyClipboardApi.apply(this, arguments);
 }
 function _copyClipboardApi() {
-  _copyClipboardApi = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(text) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  _copyClipboardApi = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(text) {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           if (navigator.clipboard) {
-            _context.next = 2;
+            _context.n = 1;
             break;
           }
           throw makeError();
-        case 2:
-          return _context.abrupt("return", navigator.clipboard.writeText(text));
-        case 3:
-        case "end":
-          return _context.stop();
+        case 1:
+          return _context.a(2, navigator.clipboard.writeText(text));
       }
     }, _callee);
   }));
@@ -56,10 +53,10 @@ function copyExecCommand(_x2) {
   return _copyExecCommand.apply(this, arguments);
 }
 function _copyExecCommand() {
-  _copyExecCommand = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
+  _copyExecCommand = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(text) {
     var span, selection, range, success;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
         case 0:
           // Put the text to copy into a <span>
           span = document.createElement('span');
@@ -90,13 +87,12 @@ function _copyExecCommand() {
             window.document.body.removeChild(span);
           }
           if (success) {
-            _context2.next = 15;
+            _context2.n = 1;
             break;
           }
           throw makeError();
-        case 15:
-        case "end":
-          return _context2.stop();
+        case 1:
+          return _context2.a(2);
       }
     }, _callee2);
   }));
@@ -106,34 +102,34 @@ function copyToClipboard(_x3) {
   return _copyToClipboard.apply(this, arguments);
 }
 function _copyToClipboard() {
-  _copyToClipboard = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+  _copyToClipboard = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(text) {
+    var _t, _t2;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.n) {
         case 0:
-          _context3.prev = 0;
-          _context3.next = 3;
+          _context3.p = 0;
+          _context3.n = 1;
           return copyClipboardApi(text);
-        case 3:
-          _context3.next = 15;
+        case 1:
+          _context3.n = 6;
           break;
-        case 5:
-          _context3.prev = 5;
-          _context3.t0 = _context3["catch"](0);
-          _context3.prev = 7;
-          _context3.next = 10;
+        case 2:
+          _context3.p = 2;
+          _t = _context3.v;
+          _context3.p = 3;
+          _context3.n = 4;
           return copyExecCommand(text);
-        case 10:
-          _context3.next = 15;
+        case 4:
+          _context3.n = 6;
           break;
-        case 12:
-          _context3.prev = 12;
-          _context3.t1 = _context3["catch"](7);
-          throw _context3.t1 || _context3.t0 || makeError();
-        case 15:
-        case "end":
-          return _context3.stop();
+        case 5:
+          _context3.p = 5;
+          _t2 = _context3.v;
+          throw _t2 || _t || makeError();
+        case 6:
+          return _context3.a(2);
       }
-    }, _callee3, null, [[0, 5], [7, 12]]);
+    }, _callee3, null, [[3, 5], [0, 2]]);
   }));
   return _copyToClipboard.apply(this, arguments);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.679",
+    "version": "0.3.706",
     "private": false,
     "description": "",
     "keywords": [
@@ -118,7 +118,7 @@
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.1",
-        "bootstrap": "^5.3.1",
+        "bootstrap": "^5.3.7",
         "change-case": "^5.4.4",
         "classnames": "^2.2.6",
         "css-mediaquery": "^0.1.2",
@@ -126,6 +126,7 @@
         "debug": "^4.3.4",
         "flat": "^6.0.1",
         "hoist-non-react-statics": "^3.3.2",
+        "js-cookie": "^3.0.5",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
         "query-string": "^9.0.0",
@@ -144,5 +145,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "ed32123e4d66d2cfe32ec1fecaf1a435e1b04bbf"
+    "gitHead": "1797e88940f701824f9b047784d8f5a872b6a790"
 }